0

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

在此处输入图像描述

但是当我“构建”应用程序以获取 IPA 文件然后在 TestFairy 上部署时,应用程序的状态栏是完全不可见的(不确定字体是白色还是覆盖层或什么)。

在此处输入图像描述

有任何想法吗?谢谢!

4

1 回答 1

2

如世博会文档中所述

Expo使状态栏在Android上默认为半透明,与iOS一致,更符合Material Design。

因此使用 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

于 2018-04-12T20:10:08.733 回答