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


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


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



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)


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

                    You may also use to create a custom badge linking to

                    • Markdown
                    • HTML
                      <a href=""><img src="" alt=""></a>