[SwiftUI]TextFieldをキーボードで隠れるのを防ぐには?

SwiftUI

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

TextFieldがキーボードで隠れるのを防ぐ方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

TextFieldがキーボードで隠れるのを防ぐには、ignoresSafeAreaモディファイアを使います。

まず、TextFieldにigonoresSafeAreaモディファイアを付与します。

そして、ignoresSafeAreaモディファイアの第1引数に「.keyboard」、第2引数に「.bottom」を指定します。

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

ignoreSafeAreaモディファイアを使えば、TextFieldがキーボードで隠れるのを防ぐことができます。

使用例

以下は、使用例です。

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

コメント

タイトルとURLをコピーしました