Pin TextField to Keyboard in SwiftUI

Question

Is it possible to pin a textfield to the top of the keyboard in SwiftUI? Pretty much identical to the messaging app on iOS where it it is at the bottom of the screen on appear, but moves with the keyboard when you click it, but with SwiftUI, I've looked around and not been able to find anything.

Answer 1

You can achieve this with a toolbar modifier and an toolbaritemgroup with .keyboard placement.

struct ToolBarTest: View {
    @State private var text: String = ""
    @FocusState private var focus: Bool
    @FocusState private var focusToolbar: Bool
    var body: some View {
        ZStack {
            VStack{
                Spacer()
                TextField("toolbar", text: $text)
                    .textFieldStyle(.roundedBorder)
                    .opacity(focus || focusToolbar ? 0 : 1)
                    .focused($focus)
            }
            .toolbar {
                ToolbarItemGroup(placement: .keyboard){
                    TextField("toolbar", text: $text)
                        .textFieldStyle(.roundedBorder)
                        .focused($focusToolbar)
                }
            }
            .onChange(of: focus) {
                if $0{
                    focusToolbar = true
                }
            }
        }
        
    }
}