React Native iOS上的默认标头垂直高度太高，如何更改？

Question

我在我的本机应用程序中包括了堆栈导航器。标题的默认垂直高度似乎包括后退按钮和状态栏之间的垂直间距。如何删除该间距？

这是我的堆栈导航器设置：

const config = Platform.select({
  web: { headerMode: 'screen' },
  default: {},
});

const SettingsStack = createStackNavigator(
  {
    Profile: {
      screen: ProfileScreen,
      navigationOptions: {
        header: null,
      }
    },
    EditProfile: EditProfile,
  },
  config
);

Answer 1

您不应该删除它。这样可以确保您的标头不会出现在设备槽口的下方。

如果不需要，可以使用自定义标题。

Answer 2

我认为您正在寻找的是SafeAreaView。 SafeAreaView的目的是在设备的安全区域边界内渲染内容，最重要的是，安全区域的填充物反映了屏幕的物理限制，例如圆角或摄像头凹口（即iPhone X上的传感器外壳区域） 。

所以您只需将SafeAreaView，App，View或Page包裹在Component上，便可以完美地设置填充。

SafeAreaView