リアクションネイティブ - iPhone Xの奇妙なスペース

Question

私はiPhone Xを実行しているシミュレータに自分のアプリをビルドしようとすると、画像の上部と下部に奇妙なスペースがあります。それはフルスクリーンであるはずです。どのように私はこれを修正することができますか？前もって感謝します。私はおそらくあなたがイメージとして起動画面を設定しているRNのv0.47とXcode 9

Answer 1

を実行しています

、ストーリーボードとしてLaunchScreenを設定することで、試してみて、Use Safe Area Layout Guidesアクティブを持っているようにしてくださいその上に。

あなたはちょうどセットも新しいものを作成するか、または新しい空のプロジェクトを作成し、単に既存のLaunchScreen.storyboardをつかむと、コピー/貼り付けることができLaunchScreen.storyboardを持っていない場合あなたの現在のプロジェクトに

Answer 2

Camoの答えが正しい。この問題はスプラッシュ画面に関連しています。しかし、私は私のlaunchScreenのためにストーリーボードを使用していないので、私は自分の問題を解決する方法を共有したいと思った。 最初に、サイズ1125x2436（ポートレート）と2436x1125（風景）の新しい起動画面イメージを作成し、launchimageディレクトリに追加しました。 そして、この2つの設定の追加Contents.jsonファイルを更新：

{ 
"orientation" : "portrait", 
"idiom" : "iphone", 
"extent" : "full-screen", 
"minimum-system-version" : "11.0", 
"filename" : "1125x2436.png", 
"subtype" : "2436h", 
"scale" : "3x" 
}, 
{ 
"orientation" : "landscape", 
"idiom" : "iphone", 
"extent" : "full-screen", 
"minimum-system-version" : "11.0", 
"filename" : "2436x1125.png", 
"subtype" : "2436h", 
"scale" : "3x" 
}