LoginSignup
13
5

More than 5 years have passed since last update.

@muzou(yasuo watanabe)

React-Native で iPhoneX のレイアウトに合わせる

Posted at

iPhoneX対応の個人的なまとめ

上下のスペースを消す

※Target => general　=> build targetを iOS 9.0以上にする(もしくはビュー毎に設定)
https://stackoverflow.com/questions/46222000/cant-use-safe-areas-in-xcode-9-after-upgrading-minimum-deployment-target-to-ios

safeAreaView

https://medium.com/react-native-training/react-native-iphonex-92ff511282af
※DimensitonでScreenHeightを使っている部分は実装を考え直さないと崩れるので注意

端末がiPhoneXかの判定

borderBottomWitdhで1以下を使わない

崩れるので

13
5
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
13
5