React Navigation：在 iOS 上使用小 header

Question

我正在展示一个带有 header 的视图作为带有 ReactNavigation 的卡片。该视图在 android 上看起来不错，但在 iOS 上使用大 header，这看起来很奇怪。我如何使用 iOS 应用程序使用的较小的 header？

这里是过大的截图header：

Answer 1

我想我找到了解决方案：

似乎将 headerStatusBarHeight 选项设置为 0 有助于获得较小的 header

 <Stack.Screen
  name="Screen1"
  component={Screen1}
  options={({navigation}) => ({
    headerStatusBarHeight: 0, //use this to get the small navbar on iOS
  })}
/>

React Navigation：在 iOS 上使用小 header

React Navigation: Use small header on iOS

ios

react-native

react-navigation