react-native - 新手机中的 React Native 应用程序 "full screen"

Question

我的目标是让应用在 Android 和 iPhone 中全屏显示状态栏，就像在 Expo 中一样，但在 React Native 中

这是正在发生的事情:

我的目标是去掉这个灰色部分，让应用占据这部分，同时显示状态栏，就像在 Expo 中一样。

我已经试过了:https://reactnative.dev/docs/statusbar.html#sethidden

但是所有的灰色顶部都变成了黑色并且没有状态栏

我已经尝试将它添加到 Android 中的 styles.xml:

<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在安卓。您可以选择原生方法，也可以找到任何这样做的 RN 模块。