[SwiftUI]TextField(テキストフィールド)をキーボード(keyboard)で押し上げる(move up)には？

どうも、ちょげ(@chogetarou)です。

キーボードで隠れないようにTextFieldを押し上げる方法を紹介します。

方法
使用例

方法

TextFieldをキーボードで押し上げるには、ignoresSafeAreaモディファイアを使います。

具体的には、TextFIeldに「ignoresSafeArea(.keyboard, edge: .bottom)」を付与します。

TextField("", text: $editingText)
    .ignoresSafeArea(.keyboard, edges: .bottom)

ignoreSafeAreaモディファイアを使えば、TextFieldをキーボードで押し上げることができます。

使用例

以下は、使用例です。

struct ContentView: View {
    @State var editingText = ""
    
    var body: some View {
        VStack {
            Spacer()
            TextField("", text: $editingText)
                .padding()
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .padding()
                .ignoresSafeArea(.keyboard, edges: .bottom)
        }
        
    }
}