react-native bottomTabNavigator 部分被 Android 系统导航栏覆盖
react-native bottomTabNavigator is partially covered by Android system navigation bar
我正在为即将进行的顶点项目学习 react-native。我正在设计一个我希望在我的项目中使用的粗略导航设置。我当前的问题是 Android 系统的导航栏部分覆盖了 bottonTabNavigator。我尝试将整个应用程序包装在 SafeAreaProvider 和 SafeAreaView 中,但这似乎并没有解决问题。有什么建议吗?
如果你想查看我的代码,你可以在下面的 repo 中看到它。
Link to all of the project code in a repo.
Versioning/Environment 信息:
节点:v15.8.0
NPM:7.5.3
纱线:1.22.5(我一般用这个)
世博会:4.1.6
Example of how the issue looks on my phone.
您确定底部标签栏被部分覆盖了吗?默认情况下,每个选项卡顶部都有一个图标,按钮上有文本。您的图像在底部显示选项卡的标题,在要呈现的图标的标题上方显示 space(查看 react-native-vector-icons for some slick and easy to use icons). Are you implying that you would like to hide the Android Navigation Bar that is rendered below the bottom tab bar? If so, I think this may be relevant: Hide Android Navigation Bar in React Native。
我正在为即将进行的顶点项目学习 react-native。我正在设计一个我希望在我的项目中使用的粗略导航设置。我当前的问题是 Android 系统的导航栏部分覆盖了 bottonTabNavigator。我尝试将整个应用程序包装在 SafeAreaProvider 和 SafeAreaView 中,但这似乎并没有解决问题。有什么建议吗?
如果你想查看我的代码,你可以在下面的 repo 中看到它。 Link to all of the project code in a repo.
Versioning/Environment 信息: 节点:v15.8.0 NPM:7.5.3 纱线:1.22.5(我一般用这个) 世博会:4.1.6
Example of how the issue looks on my phone.
您确定底部标签栏被部分覆盖了吗?默认情况下,每个选项卡顶部都有一个图标,按钮上有文本。您的图像在底部显示选项卡的标题,在要呈现的图标的标题上方显示 space(查看 react-native-vector-icons for some slick and easy to use icons). Are you implying that you would like to hide the Android Navigation Bar that is rendered below the bottom tab bar? If so, I think this may be relevant: Hide Android Navigation Bar in React Native。