SwiftUI bottom safe area does not shrink after keyboard was shown - ios

Question

If after activating TextField I press Open link button, NavigationLink will be opened. After that if I return back to previous screen, VStack with TextField will stay in the middle of the screen, because bottom SafeArea will be expanded by keyboard. This happening if first view in ZStack is ScrollView. It should go back to bottom after keyboard is disabled. How can I fix that?
struct ContentView: View {
#State private var text = ""
var body: some View {
NavigationStack {
ZStack(alignment: .bottom) {
ScrollView {
Color.green.opacity(0.2)
.frame(height: 1000)
}
.ignoresSafeArea(.keyboard)
VStack {
TextField("", text: $text, prompt: Text("Input"))
.textFieldStyle(.roundedBorder)
.padding()
NavigationLink("Open link") {
Text("Details view")
}
}
.background { Color.red }
.background(ignoresSafeAreaEdges: .bottom)
}
}
}
}

Answer 1

You can try using the #FocusState property wrapper. Add 3 following command lines:
//1
#FocusState private var nameIsFocused: Bool
//2
.focused($nameIsFocused)
//3
.simultaneousGesture(TapGesture().onEnded({ _ in
nameIsFocused = false
}))
The code you wrote looks like this:
struct ContentView: View {
#State private var text = ""
//1
#FocusState private var nameIsFocused: Bool
var body: some View {
NavigationStack {
ZStack(alignment: .bottom) {
ScrollView {
Color.green.opacity(0.2)
.frame(height: 1000)
}
.ignoresSafeArea(.keyboard)
VStack {
TextField("", text: $text, prompt: Text("Input"))
//2
.focused($nameIsFocused)
.textFieldStyle(.roundedBorder)
.padding()
NavigationLink("Open link") {
Text("Details view")
}
//3
.simultaneousGesture(TapGesture().onEnded({ _ in
nameIsFocused = false
}))
}
.background { Color.red }
.background(ignoresSafeAreaEdges: .bottom)
}
}
}
}
Result:
Hope it is useful for you!