构建后,React Native iOS StatusBar不可见吗?

时间:2018-04-12 19:48:00

标签: ios xcode reactjs react-native testfairy

我有一个React Native项目我用Expo开发 - 当我在Expo上开发和发布时,状态栏顶部(时间,wifi等)很好,我从来不需要关心它 - 它一直在那里,所以我从来没有必要读入一个单独的StatusBar组件或类似的东西。

enter image description here

但是当我建立'获取IPA文件然后在TestFairy上部署的应用程序,应用程序的状态栏是完全不可见的(不确定字体是白色还是叠加或什么)。

enter image description here

有什么想法吗?谢谢!

1 个答案:

答案 0 :(得分:2)

如世博会docs

所述
  

Expo默认情况下在Android上使状态栏半透明与iOS一致,更符合材料设计。

因此,使用react-native StatusBar,您可以按如下方式配置

<ParentWrapper style={{flex: 1}}>
  <View style={{ height, backgroundColor }}>
        <StatusBar { ...props } />
    </View>
  // ... Your navigation or the child components
</ParentWrapper>

,高度为Platform.OS === 'ios' ? 20 : StatusBar.currentHeight