SwiftUI Sheet弹窗中自定义键盘按钮不显示问题求助

问题根源 #

SwiftUI的键盘工具栏（.toolbar(placement: .keyboard)）需要视图处于导航容器（NavigationStack/NavigationView）的环境中才能正常渲染。你弹窗里的EditView没有被导航容器包裹，导致工具栏按钮无法显示；而弹窗外部的视图大概率处于导航环境中，所以代码能正常运行。

解决方案 #

将EditView的内容包裹在导航容器内即可，根据iOS版本选择对应的容器：

适配iOS 16+（使用NavigationStack）

struct EditView: View {
    @State private var name = ""

    var body: some View {
        NavigationStack {
            TextField("Enter your name", text: $name)
                .textFieldStyle(.roundedBorder)
                .toolbar {
                    ToolbarItemGroup(placement: .keyboard) {
                        Button("insert Tom") {
                            print("Clicked")
                            name.append(" Tom")
                        }
                    }
                }
        }
        // 可选：隐藏导航栏，不影响键盘工具栏
        .navigationBarHidden(true)
    }
}

适配iOS 15及以下（使用NavigationView）

struct EditView: View {
    @State private var name = ""

    var body: some View {
        NavigationView {
            TextField("Enter your name", text: $name)
                .textFieldStyle(.roundedBorder)
                .toolbar {
                    ToolbarItemGroup(placement: .keyboard) {
                        Button("insert Tom") {
                            print("Clicked")
                            name.append(" Tom")
                        }
                    }
                }
        }
        // 可选：隐藏导航栏，不影响键盘工具栏
        .navigationBarHidden(true)
    }
}

内容的提问来源于stack exchange，提问作者mica