react-native bottomTabNavigator被Android系统导航栏部分覆盖

Question

我正在学习 react-native 来完成我即将推出的一个顶点项目。 我正在设计一个粗略的导航设置，希望可以在我的项目中使用。 我当前的问题是 bottonTabNavigator 被 Android 系统的导航栏部分覆盖。 我尝试将整个应用程序包装在 SafeAreaProvider 和 SafeAreaView 中，但这似乎并没有解决问题。 有什么建议么？

如果你想查看我的代码，你可以在下面的 repo 中看到它。 链接到 repo 中的所有项目代码。

版本控制/环境信息：节点：v15.8.0 NPM：7.5.3 纱线：1.22.5（我通常使用这个）Expo：4.1.6

问题在我的手机上的显示示例。

Answer 1

你确定底部标签栏被部分覆盖了吗？ 默认情况下，每个选项卡顶部都有一个图标，按钮上有一个文本。 您的图像在底部显示选项卡的标题，在标题上方显示要呈现的图标的空间（查看react-native-vector-icons以获得一些光滑且易于使用的图标）。 您是否暗示您想隐藏呈现在底部标签栏下方的 Android 导航栏？ 如果是这样，我认为这可能是相关的： Hide Android Navigation Bar in React Native 。