Swift TextFieldのキーボードにツールバーを追加するサンプル

2023年10月5日

環境
Swift version 5.2.3 (swift-5.2.3-RELEASE)
Ubuntu 20.04.2 LTS

構文

TextField(xxx)
    .toolbar {
        ToolbarItemGroup(placement: .keyboard) {
           xxx
        }
    }

toolbarのクロージャーにToolbarItemGroupを追加し、ToolbarItemGroupの引数「placement」に「.keyboard」を指定します。
TextFieldのキーボードにツールバーを追加するには、toolbar修飾子を使います。

使用例

struct ContentView: View {
    
    @State var editingText = ""
    @FocusState var isInputActive: Bool
    
    var body: some View {
        VStack {
            TextField("文字の入力", text: $editingText)
                .padding()
                .toolbar {
                    ToolbarItemGroup(placement: .keyboard) {
                        Button("キャンセル") {
                            self.isInputActive = false
                        }
                    }
                }
        }
    }
}