react-native - 使用 React Native Paper 的 App Header 显示了 Android 中的顶部填充

Question

我在 Android 上遇到了这个问题，其中App.HeaderReact Native Paper 中的组件在Android 中显示paddingTop，在 iOS 中看起来很棒。我附上了2张截图来显示我在说什么......

安卓：

IOS：

这是我在 SettingsScreen.js 文件中的代码：

useLayoutEffect(() => {
    navigation.setOptions({
        headerMode: "screen",
        header: ({ navigation, scene }) => (
            <Appbar.Header style={appStyles.appBar}>
                <Appbar.Content titleStyle={appStyles.appBarTitle} title={t("dashboard.header")} />
                <Appbar.Action
                    icon={() => <AntDesign name="calendar" style={appStyles.appBarIcon} />}
                    onPress={() => {
                        datePicker.show();
                    }}
                />
            </Appbar.Header>
        )
        });
    }, [navigation]);
}

任何提示将不胜感激！