SwiftUI多层Sheet弹窗下键盘Done按钮串用失效问题

核心问题原因 #

针对你提出的三个疑问，对应原因如下：

• 为什么仅在页面1配置键盘按钮，页面3输入框聚焦时也会显示：
  SwiftUI的.keyboard 工具栏是沿输入响应链向上查找匹配配置的，没有严格的页面边界限制。你的页面2是系统Sheet弹窗，自带独立导航栈上下文，会隔离底层页面1的工具栏配置，所以页面2的输入框不会读到页面1的按钮；但页面3是你通过ZStack直接盖在页面2上的自定义弹窗，既没有嵌入独立的模态/导航上下文，也没有配置自己的键盘工具栏，系统查找键盘工具栏配置时会越过这个自定义浮层，直接找到最底层页面1注册的Done按钮，就把它渲染到了当前键盘上。
• 为什么页面3上的按钮是灰色不可点击状态：
  这个按钮的触发逻辑完全绑定页面1的focusField焦点状态，点击动作是将focusField设为false。但聚焦页面3输入框时，页面1的focusField本身就是未激活的false状态，SwiftUI会自动将触发后不会产生任何状态变化的按钮标记为禁用态，默认显示为灰色，同时不会响应点击事件。另外你在页面1根层级加的.ignoresSafeArea(.keyboard)会干扰键盘辅助栏的事件传递和内部布局，既会加剧按钮点击失效问题，也是控制台持续输出自动布局约束冲突报错的直接原因。
• 为什么修改页面1的按钮颜色会同步改变页面3上的灰色按钮：
  页面3键盘上显示的按钮不是系统生成的独立按钮，就是你在页面1配置的那个ToolbarItem视图本身被系统复用渲染了，你修改这个视图的任何属性（文字、颜色、字号），只要它被系统挂载到当前键盘上，就会同步显示修改效果，只是当前因为状态不匹配被系统强制设为了禁用态而已。

可直接落地的修复方案 #

• 缩小页面1键盘工具栏的作用域：不要把.toolbar修饰符挂在整个List/NavigationView根层级，直接挪到页面1自己的输入框上，让这个工具栏配置只对页面1的输入框生效：

// 页面1的血糖输入框
TextField("5,0 mmol/l", text: $bloodClucoseLvl)
    .focused($focusField)
    .toolbar{
        ToolbarItem(placement: .keyboard) {
            HStack {
                Spacer()
                Button(action: {
                    focusField = false
                }) {
                    Text("Done")
                }
            }
        }
    }

• 给页面3的输入框配置独立键盘工具栏，主动覆盖上层继承的配置，如果不需要自定义按钮直接留空即可：

// 页面3的克重输入框
TextField("gram", text: $gram)
    .padding(.leading, 16)
    .padding(.trailing, 16)
    .keyboardType(.numberPad)
    .toolbar {
        // 如需页面3专属的Done按钮可在此处添加，不需要就保留空配置
        ToolbarItem(placement: .keyboard) {}
    }

• 删除页面1上多余的.ignoresSafeArea(.keyboard)修饰符，消除控制台的布局约束报错。

问题复现效果参考 #

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