是否可以在本机反应中绘制状态栏？

Posted 2023-03-15

【中文标题】是否可以在本机反应中绘制状态栏？

【英文标题】：Is it possible to draw over the status bar in react native?

【发布时间】：2015-09-11 16:56:32

【问题描述】：

我正在开发一个“抽屉菜单”组件。菜单是从侧面出现并部分覆盖主屏幕的叠加层。

是否也可以让它部分覆盖状态栏？我在 Google Inbox 中看到过这种效果。

【参考方案1】：

是的，可以让它部分覆盖状态栏。您可以创建一个视图组件，并且可以将其定位为绝对位置。基于这个library，你可以将这个样式添加到一个视图组件中

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

然后你可以为同一个视图添加一个自定义宽度，这样抽屉就不会占据所有的屏幕宽度。

你也可以使用 react-native DrawerLayoutandroid，但是这个组件只在android上可用。