是否有可能在本地反应中绘制状态栏?

时间:2015-09-11 16:56:33

标签: ios reactjs react-native

我正在制作一个“抽屉菜单”组件。菜单是一个侧面叠加,部分覆盖主屏幕。

是否可以使其部分覆盖状态栏?我在Google收件箱中看到了这种效果。

Drawer menu covering the status bar

1 个答案:

答案 0 :(得分:0)

是的,可以使其部分覆盖状态栏。您可以创建视图组件,并可以使用绝对位置对其进行定位。基于此library,您可以将此样式添加到视图组件

{
  right: 0,
  left: 0,
  top: 0,
  bottom: 0,
  position: 'absolute',
  backgroundColor: 'transparent'
}  

然后,您可以为同一视图添加自定义宽度,以便抽屉不占用所有屏幕宽度。

您也可以使用react-native DrawerLayoutAndroid,但此组件仅在androi上可用。