使用Expo构建我的应用会导致应用屏幕顶部出现额外的填充(React Native)

hivapdat 于 2023-10-22 发布在 React

关注(0)|答案(2)|浏览(148)

我正在使用React Native构建我的第一个应用程序，我正在使用Expo构建我的应用程序。我的问题是，每当我构建我的应用程序时，我的应用程序顶部都会出现额外的白色空间/填充。我试过使用Flex的SafeAreaView：1，但它并没有解决这个问题。以前有人遇到过这种问题吗？

2条答案

设法解决它使用StatusBar组件在我的标题标题组件
参见：https://reactnavigation.org/docs/headers/

我也有同样的问题。
将此添加到App.tsx为我解决了这个问题：

Platform.OS === "android" && StatusBar.setBackgroundColor("transparent");
Platform.OS === "android" && StatusBar.setTranslucent(true);