如何使用 Top Navigator 和 Bottom Navigator 而不讓 Top Navigator 與 React Navigation 中的狀態欄重疊？

Question

我正在嘗試在反應導航中將頂部導航器嵌套在底部導航器中。 但是，當我這樣做時，頂部導航器會與狀態欄發生沖突。 我假設這是因為底部導航器將其向上推。 但是我怎樣才能讓兩個導航器都出現在狀態欄旁邊呢？ 下面是重疊問題的圖像。 我正在使用反應導航 5，任何其他解決方案都使用我嘗試過但不起作用的舊版本。

順便說一句，如果需要該信息，我將在 iPhone 11 上對此進行編碼。

Answer 1

您應該將您的應用程序容器 styles 設置為具有等於狀態欄高度的marginTop值。 然后您的整個應用程序將顯示在狀態欄下方。

像這樣的東西：

import Constants from "expo-constants";

...

const styles = StyleSheet.create({
  container: {
    marginTop: Constants.statusBarHeight
  }
});