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

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

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

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

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

---

你不应该移除它。它可以确保你的标题不在设备的凹口下

---

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

我想您需要的是。

SafeAreaView

的目的是呈现设备安全区域边界内的内容，最重要的是，安全区域的填充物反映了屏幕的物理限制，例如圆角或摄像头凹口（即iPhone X上的传感器外壳区域）

因此，您只需将

应用程序

、

视图

、

页面

或

组件

包装在

安全区域视图

中，即可完美设置填充

import React from 'react';
import { StyleSheet, Text, SafeAreaView } from 'react-native';

export default function App() {
  return (
    <SafeAreaView style={{ flex: 1 }}>
      <Text>Page content</Text>
    </SafeAreaView>
  );
}

从“React”导入React；
从“react native”导入{样式表、文本、安全区域视图}；
导出默认函数App（）{
返回(
页面内容
);
}