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

Question

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

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

Answer 1

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

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

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

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