ReactNativeiOS上的默认标头垂直高度过高，如何更改？

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

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

const cOnfig= Platform.select({
web: { headerMode: 'screen' },default: {},});
const SettingsStack = createStackNavigator(
{
Profile: {
screen: ProfileScreen,navigationOptions: {
header: null,}
},EditProfile: EditProfile,},config
);


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

因此，您只需将App，View，Page或Component用SafeAreaView包起来，便可以完美地设置填充。

import React from 'react';
import { StyleSheet,Text,SafeAreaView } from 'react-native';
export default function App() {
return (

Page content

);
}

,

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

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