How to handle physical notches, status bar overlay, home activity indicator… in React Native

Question

What is the most reliable way to handle physical notches, status bar overlay, home activity indicator…

Accepted Answer

Using `SafeAreaProvider` component.

```jsx
import { SafeAreaProvider } from 'react-native-safe-area-context';
```

Answer

Using the React Native `SafeAreaView` component.

```jsx
import { SafeAreaView } from 'react-native';
```

Answer

Using the Expo `StatusBar` component.

```jsx
import { StatusBar } from 'expo-status-bar';
```

Answer

Using the React Native `StatusBar` component.

```jsx
import { StatusBar } from 'react-native';
```

Question from the React Native (2023) test