使状态栏不是半透明的（React Native）

Question

我在React Native中创建了一个使用react-navigation的应用程序。

我有一些视图可以将屏幕设置为屏幕顶部的动画。在制作动画时，视图会在反应导航导航标题后面显示。它位于iOS状态栏后面，但状态栏是半透明的，因此它在视图顶部显示状态栏文本。状态栏不再是白色，而是其下的视图颜色。

这看起来并不正确，我希望状态栏始终位于顶部而不是半透明。最好的方法是什么？

Answer 1

这是因为你的react-navigation标题有一个提升属性，它在Android中作为zIndex奇怪地工作（我认为只是在某些情况下），你可能可以通过在你的iOS状态中添加更高的zIndex来解决这个问题酒吧比动画中的酒吧。

编辑：解决How to set iOS status bar background color

Answer 2

我终于可以通过将此元素放在我最顶层的容器中来避免内容重叠状态栏：

<View 
    style = {{
        height: 20, 
        width: width, 
        backgroundColor: 'white', 
        zIndex: 3, 
        position: 'absolute', 
        top: 0,  
        left: 0,
    }} 
/>

状态栏仍然显示，但动画内容从不重叠。