是否可以在 React Native 中绘制状态栏？

Question

我正在开发 "drawer menu" 组件。菜单是从侧面出现的叠加层，部分覆盖了主屏幕。

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

Answer 1

是的，可以让它部分覆盖状态栏。你可以创建一个视图组件，你可以用一个绝对位置来定位它。基于此library，可以将此样式添加到视图组件

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

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

您也可以使用 react-native DrawerLayoutAndroid，但此组件仅适用于 android。