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

Question

I am trying to display a dropdown message with react-native-flash-message on an app using React Navigation. The message looks great on iOS but is hidden behind the status bar on Android. I've tried modifying the zIndex and elevation values but that hasn't fixed it.

Android

iOS

Answer 1

try add hideStatusBar statusBarHeight you can see in props .
your FlashMessage component may be like this

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