Android 上的状态栏隐藏了 react-native-flash-message

Question

我正在尝试使用 react-native-flash-message on an app using React Navigation 显示下拉消息。该消息在 iOS 上看起来不错，但在 Android 上隐藏在状态栏后面。我试过修改 zIndex 和高程值，但没有解决问题。

Android

iOS

Answer 1

尝试添加 hideStatusBar statusBarHeight 你可以在 props 中看到。
你的 FlashMessage 组件可能是这样的

<FlashMessage 
  hideStatusBar={false}
  statusBarHeight={StatusBar.currentHeight}
  ...
/>

react-native-flash-message hidden by status bar on Android