Приложение React Native в полноэкранном режиме в новых мобильных телефонах

Question

Моя цель - сделать приложение полноэкранным, чтобы строка состояния была видна в Android и IPhone, как в Expo, но в React Native

Вот что происходит:

My goal is to remove this gray part and make the app occupy this part and at the same time show the status bar, like in Expo.

I already tried this: https://reactnative.dev/docs/statusbar.html#sethidden

Но весь серый верх стал черным и без строки состояния

Я уже пробовал добавить это в стили. xml в Android:

<item name="android:windowFullscreen">true</item>

Но ничего не менял (и будет работать только в Android)

Answer 1

Готовый вариант.

import React, { Component } from 'react';
import { StatusBar } from 'react-native';

class MyComponent extends Component {

    componentDidMount() {
       StatusBar.setHidden(true);
    }
}

или другой способ - использовать true Immersive mode in android. Либо вы можете go для нативного подхода, либо найти любые модули RN, которые это делают.