问如何隐藏状态和条形，使组件占据那个位置
EN

Stack Overflow用户

提问于 2021-12-31 19:55:01

回答 1查看 901关注 0票数 1

我无法用组件填充状态栏区域。我试图通过使用<StatusBar hidden />隐藏状态栏来做到这一点。但这只留下了一个空白。例如，我想填充绿色图像状态栏。

回答已采纳

发布于 2022-01-01 09:11:22

工作项目链接

在gist 链接 (您在注释中提供的)上，我可以看到您使用的是以下结构

<SafeAreaView>
      <StatusBar ... />
      <ImageBackground ...></ImageBackground>
 </SafeAreaView>

如果您想隐藏状态栏并用图像覆盖整个屏幕，则需要将SafeAreaView更改为View，并删除StatusBar组件。

<View>
      <ImageBackground ...></ImageBackground>
</View>

因为SafeAreaView会动态地在顶部放一些填充物。因此，尽管您已经放置了style={{ height: '100%', width: '100%' }}，但是它将尊重SafeAreaView的填充，因为它是这里的父组件。

同样在这一点上，您不需要StatusBar，因为StatusBas已经有一个图像作为背景。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70545317

复制

相似问题

问如何隐藏状态和条形，使组件占据那个位置EN