iOS 14 SwiftUI Keyboard lifts view automatically

by

For .ignoresSafeArea to work you need to fill all the available area (eg. by using a Spacer).

The following will not work (no Spacers, just a TextField):

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

However, it will work when you add Spacers (fill all the available space):

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

If you don’t want to use Spacers you can also use a GeometryReader:

struct ContentView: View {
    @State var text: String = ""
    var body: some View {
        GeometryReader { _ in
            ...
        }
        .ignoresSafeArea(.keyboard, edges: .bottom)
    }
}

More Related Contents:

  1. SwiftUI: How to make TextField become first responder?
  2. How to hide keyboard when using SwiftUI?
  3. SwiftUI iOS14 – NavigationView + List – Won’t fill space
  4. Share data between main App and Widget in SwiftUI for iOS 14
  5. Fetch data from CoreData for iOS 14 widget
  6. Updating time text label each minute in WidgetKit
  7. Accessing AppState in AppDelegate with SwiftUI’s new iOS 14 life cycle
  8. use @main in Xcode 12
  9. What enables SwiftUI’s DSL?
  10. How can I pop to the Root view using SwiftUI?
  11. How to use Attributed String in SwiftUI
  12. How to convert a View (not UIView) to an image?
  13. What is Geometry Reader in SwiftUI?
  14. How change background color if using NavigationView in SwiftUI?
  15. What does the dollar sign do in Swift / SwiftUI?
  16. How do I modify the background color of a List in SwiftUI?
  17. SwiftUI: What is @AppStorage property wrapper
  18. TabView resets navigation stack when switching tabs
  19. How do I use UserDefaults with SwiftUI?
  20. How to remove the left and right Padding of a List in SwiftUI?
  21. Extra arguments at positions #11, #12 in call SwiftUI [duplicate]
  22. Get index in ForEach in SwiftUI
  23. Where is Info.plist in Xcode 13? (missing, not inside project navigator)
  24. Include SwiftUI views in existing UIKit application
  25. SwiftUI: Send email
  26. SwiftUI hierarchical Picker with dynamic data crashes [duplicate]
  27. SwiftUI: How to implement a custom init with @Binding variables
  28. SwiftUI 2: the way to open view in new window
  29. How we can get and read size of a Text with GeometryReader in SwiftUI?
  30. SwiftUI add inverted mask

Leave a Comment