我在本机和我的iPhoneX设备上遇到了一些问题。不知何故,我的iPhoneX设备中的ViewArea出现了缩影。它不会填满设备的整个显示屏。实际上我甚至没有使用react-native或react-navigation提供的SafeAreaView。
更新 发现它与react-native-splash-screen有关。不知何故,该模块可能不会使用SafeArea选项。
我的环境:
"react": "16.1.1",
"react-native": "0.50.3",
"react-navigation": "1.0.0-beta.21",
"react-native-splash-screen": "3.0.6"
答案 0 :(得分:1)
这是我的坏!!!如果您想为Xcode项目实现SplashScreens / Launchmages,请确保您拥有适合您设备的正确图像。我错过了某种iPhoneX解析图像资产:
如果错过,应用程序将以下一个可用大小编译,rootview将以该大小编译。这导致空白区域,与SafeArea无关。
顺便说一句,我使用了以下模块来生成我的资源,它是一个很棒的工具,根据Xcode资产让生活更加轻松:https://github.com/bamlab/generator-rn-toolbox/blob/master/generators/assets/README.md