React Navigation v6 如何调整原生导航栏高度？

我想给原生导航栏添加顶部内边距/外边距，或是直接设置它的高度。尝试在headerStyle中配置height属性，也试过设置margin、padding属性，但均未生效，当前使用的是React Navigation v6版本。

相关依赖 #

"dependencies": {
    "@react-navigation/bottom-tabs": "^6.4.0",
    "@react-navigation/native": "^6.0.13",
    "@react-navigation/native-stack": "^6.9.1"
}

当前导航器代码 #

<Stack.Navigator
    screenOptions={({ navigation }) => ({
      headerShadowVisible: false,
      headerShown: true,
      headerLeft: () => (
        <TouchableOpacity onPress={() => navigation.goBack()}>
          <Image source={require(arrow)} style={{ height: 10, width: 6 }} />
        </TouchableOpacity>
      ),
    })}
>

效果截图 #

内容的提问来源于stack exchange，提问作者Julia Schafer