バグ #1438

【iOS】iPhone Xでデザインが崩れる

中園 善貴 がほぼ7年前に追加. ほぼ7年前に更新.

ステータス:レビュー待ち開始日:2018/02/27
優先度:通常期日:
担当者:中園 善貴進捗 %:

0%

カテゴリ:-作業時間の記録:-
対象バージョン:-

説明

画面上部のデザインが崩れている。
おそらくソース側が、SafeAriaにまだ対応していないからだと思われる。

Simulator Screen Shot - iPhone X - 2018-02-28 at 14.46.10.png (162.95 KB) 久保 健太, 2018/03/02 16:34

444

履歴

#1 久保 健太 がほぼ7年前に更新

#iPhoneXでにステータスバーに隙間ができる

※SafeAreaの範囲を間違って覚えていた
https://qiita.com/cokaholic/items/6a8ee3852c8ed28ea2aa

https://qiita.com/rd0501/items/18fe132d8ddf8ac4b589 ←これで解決
ステータスバーの高さが20ptから40ptになっていたのが原因

ソースに20dpでべた書きしていたのが原因
以前)

let view = UIView(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: 20))
view.backgroundColor = UIColor(red: 0, green: 161/255, blue: 171/255, alpha: 1.0)

修正版)
let statusHeight = UIApplication.shared.statusBarFrame.height
let view = UIView(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: statusHeight))
view.backgroundColor = UIColor(red: 0, green: 161/255, blue: 171/255, alpha: 1.0)

他の形式にエクスポート: Atom PDF