React Native - iPhone X上的奇数空格

jay*_*red 9 react-native

当我尝试将我的应用程序构建到运行iPhone X的模拟器时,屏幕顶部和底部有一个奇怪的空间,如图所示.它应该是全屏的.知道如何解决这个问题吗?提前致谢.

我正在运行vn.40和xcode 9.

在此输入图像描述

Cam*_*amo 12

您可能将启动屏幕设置为图像,尝试将其设置LaunchScreen为故事板并确保将其设置为Use Safe Area Layout Guides活动状态.

在此输入图像描述

在此输入图像描述

如果你没有,LaunchScreen.storyboard你可以创建一个新的,设置它,或者创建一个新的空项目,然后抓住现有的LaunchScreen.storyboard并将其复制/粘贴到当前项目中.