react-native-safe-area-view

  • Version 1.1.1
  • Published
  • 81.8 kB
  • 1 dependency
  • MIT license

Install

npm i react-native-safe-area-view
yarn add react-native-safe-area-view
pnpm add react-native-safe-area-view

Overview

Add padding to your views to account for notches, home indicators, status bar, and possibly other future things.

Index

Classes

class SafeAreaView

class SafeAreaView extends React.Component<Props, State> {}

    property context

    context: React.ContextType<any>;

      property contextType

      static contextType: any;

        property state

        state: State;

          method componentDidMount

          componentDidMount: () => void;

            method componentWillUnmount

            componentWillUnmount: () => void;

              method render

              render: () => JSX.Element;

                Type Aliases

                type ForceInsetProp

                type ForceInsetProp = {
                top?: ForceInsetValue;
                bottom?: ForceInsetValue;
                left?: ForceInsetValue;
                right?: ForceInsetValue;
                horizontal?: ForceInsetValue;
                vertical?: ForceInsetValue;
                };

                  type ForceInsetValue

                  type ForceInsetValue = 'always' | 'never';

                    Package Files (1)

                    Dependencies (1)

                    Dev Dependencies (9)

                    Peer Dependencies (3)

                    Badge

                    To add a badge like this onejsDocs.io badgeto your package's README, use the codes available below.

                    You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/react-native-safe-area-view.

                    • Markdown
                      [![jsDocs.io](https://img.shields.io/badge/jsDocs.io-reference-blue)](https://www.jsdocs.io/package/react-native-safe-area-view)
                    • HTML
                      <a href="https://www.jsdocs.io/package/react-native-safe-area-view"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>