首页 > 解决方案 > 什么是状态栏?

问题描述

这里的官方文档:https ://facebook.github.io/react-native/docs/statusbar仅说明:

控制应用状态栏的组件。

这绝对没有任何意义。文档甚至没有显示一个可能是什么样子的示例

我正在使用的模板有一个,但我在屏幕上看不到它,如果我删除它没有任何变化,所以我想知道这是否支持我可能不需要的某种功能

它是什么,我为什么要关心?

ps 我确实看到了这个:

模拟器顶部

无论我是否包含该组件,它都会出现

标签: react-native

解决方案


状态栏

状态栏是显示时间、通知、电池等的系统标题。

在您的组件中包含它不会添加任何视图,但会根据您传递的道具设置状态栏的样式。

此组件的一些常见用例包括:

为栏着色以匹配您的应用程序的样式

<StatusBar backgroundColor='green'/>

隐藏酒吧

<StatusBar hidden/>

获取填充组件的高度

<View style={{marginTop: StatusBar.currentHeight}}/>

推荐阅读