どうも、ちょげ(@chogetarou)です。
TextFieldがキーボードで隠れるのを防ぐ方法を紹介します。
方法

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)
}
}
}
コメント