react-native-home-indicator


A declarative approach for hiding the Home Indicator on iOS/iPadOS devices.

Getting Started

#### 1. Add dependency
npm install react-native-home-indicator --save

#### 2. Link library
If you're using RN >= 0.60.0 just run pod install as usual

#### 3. Changes in Appdelegate.m

``objective-c
// add to your imports
#import
`

`objective-c
// find this line
UIViewController *rootViewController = [UIViewController new];
`

`objective-c
// and replace with
UIViewController *rootViewController = [HomeIndicatorViewController new];
`

Simple Usage

Render to signal your preference for hiding the Home Indicator.
"The system takes your preference into account, but returning true is no guarantee that the indicator will be hidden."
see developer.apple.com/documentation

`jsx
...
import PrefersHomeIndicatorAutoHidden from 'react-native-home-indicator';

const SomeReactNativeComponent = () => {
return (


...

);
}
`

Extended Usage

For more complex usage you can use the HomeIndicator component which allows passing your preferred
indicator setting as prop. Its even possible to override previous rendered indicator preferences as
you can see in the following example.

`jsx
...
import { HomeIndicator } from 'react-native-home-indicator';

const SomeReactNativeComponent = () => {
return (






);
}
``