Hiding or showing the keyboard in a form using @FocusState
You may notice that if you add TextField
, you will be able to enter some text. Once you tap inside the TextField
, the system keyboard will appear. The system keyboard won’t “go away” by itself on an iPhone. So, you may be wondering how to remove it programmatically. For the keyboard to disappear when you tap outside the TextField, add a @FocusState private var textFieldIsFocused: Bool
property to your ContentView
. The TextField is said to be “focused” when it is accepting input from the user and “unfocused” when it is not. We can attach the .focused
modifier to the TextField so that the TextField receives the focus; it displays the keyboard and hides it again when it loses focus. You can also force a TextField to go out of focus, thus making the keyboard disappear, by setting the @FocusState
variable to false
.
In order to attach our @FocusState textFieldIsFocused
variable...