android - 使用全屏主题时，React Native 'Modal' 组件未覆盖 Android 上的整个屏幕

Question

标题说明了一切。我编辑了 styles.xml 文件 (/projectname/android/app/src/res/values/styles.xml) 以包含以下内容:

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="windowNoTitle">true</item>
        <item name="windowActionBar">false</item>
        <item name="android:windowFullscreen">true</item>
        <item name="android:windowContentOverlay">@null</item>
    </style>
</resources>

此代码成功地使应用全屏显示，移除了 Android 状态栏。但是，如果我启动 React Native“模态”组件，模态只会延伸到状态栏边缘所在的顶部，留下状态栏大小的间隙。我将如何修改模式以一直延伸到顶部？

这是带有间隙的打开模式的屏幕截图:

Answer 1

可以申请statusBarTranslucent={true} react native <Modal>组件如下面的例子

<Modal statusBarTranslucent={true}>
//your modal content
<Modal />

知道了，statusBarTranslucent={true}仅适用于安卓