Logo for jsDocs.io

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

Type Aliases

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>