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 。