【SwiftUI】TextField&TextEditorのキーボード出現時のViewの動きを制限

1336 ワード
TextEditor SwiftUI textField textField テキストリンク

何をするのか？

SwiftUIではTextFieldやTextEditorをタップした際に表示されるキーボードにViewが隠れないように、自動でViewのレイアウトを調整してくれます。ですがモーダル（フルスクリーンじゃない）を表示した場合などにレイアウトの調整が行われると、表示しておきたいViewが画面外に追いやられてしまうことがあります。
そのため今回はあえて自動のレイアウト調整を無効にする方法を備忘録としてまとめておきます。

解決策

キーボードは SafeArea を基準にビューを伸縮させています。iOS 14 から追加された View.ignoresSafeArea() を利用してキーボードの表示に対し任意のビューを SafeArea から除外できるようになりました。
どのsafeAreaを指定するかは状況に応じて使い分けてください。

var body: some View {
    VStack {
        ...
    }
    .ignoresSafeArea(.keyboard, edges: .all)
}

参考