适用于iOS的ViewArea正在萎缩

时间:2017-12-31 00:42:27

标签: react-native react-navigation iphone-x

我在本机和我的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"

enter image description here

1 个答案:

答案 0 :(得分:1)

这是我的坏!!!如果您想为Xcode项目实现SplashScreens / Launchmages,请确保您拥有适合您设备的正确图像。我错过了某种iPhoneX解析图像资产:

enter image description here

如果错过,应用程序将以下一个可用大小编译,rootview将以该大小编译。这导致空白区域,与SafeArea无关。

顺便说一句,我使用了以下模块来生成我的资源,它是一个很棒的工具,根据Xcode资产让生活更加轻松:https://github.com/bamlab/generator-rn-toolbox/blob/master/generators/assets/README.md