More than 5 years have passed since last update.

iPhoneXのレイアウトはXamarin.Formsでどうやって乗り切る？

Last updated at 2018-04-12Posted at 2018-03-27

UWPとかでデバッグしてたから気づかなかったけど、iPhoneXのあの凹っとした上の部分とか、やたらと長い下の＿の部分とか、どうすんの！？となったので調べました。

解決策

XCodeだったらSafeAreaっていうのを使うんですね。~~じゃああそこはDangerousAreaかな？？~~え、固有のところでSafeArea使えよ、って設定すんの！？？と思ったけど、そうじゃなかった。素敵。対応は以下。

設定したいPageにusingを追加

using Xamarin.Forms.PlatformConfiguration.iOSSpecific;

PageのコンストラクタでSafeAreaを設定

On<Xamarin.Forms.PlatformConfiguration.iOS>().SetUseSafeArea(true);

ここで注意したいのは
Nugetパッケージのバージョン！
Xamarin.Formsは2.4.0.74863以上に！！！

以上。また今度ちゃーんとまとめます。まずは投稿するクセをつける。