火山引擎-你的AI云

SwiftUI中Alert内的TextField在iPhone上无法正常工作，但在iPad上正常

阿华AIGC实验室

2026-4-13

SwiftUI中Alert内的TextField在iPhone上无法正常工作，但在iPad上正常

老哥，我太懂这种“模拟器全正常，真机突然抽风”的糟心事儿了！先帮你捋清楚你遇到的情况：你在NavigationStack里的List底部加了个添加按钮，点击后弹出带TextField的Alert来输入新列表项名称——这套逻辑在iPad、预览界面（不管是iPad还是iPhone预览）、模拟器上都跑得顺顺的，但到了真实的iOS 18.5系统iPhone上，Alert里的TextField就突然没法正常工作了。

结合iOS新版本特性和过往踩坑经验，给你几个实用的排查和解决方向：

1. 先确认是不是iOS 18.5的系统Bug

iOS 18系列尤其是小版本更新，偶尔会出现Alert组件的TextField焦点异常问题。你可以先去Apple开发者社区逛逛，看看有没有其他开发者反馈同款问题。如果是系统层面的Bug，要么等Apple推修复更新，要么先找临时替代方案过渡。

2. 换成Sheet替代Alert试试

Alert里的TextField在小屏设备上的兼容性一直不算完美，换成Sheet包裹输入框的方式往往更稳定。比如做一个底部弹出的Sheet，里面放TextField、确认和取消按钮，逻辑和原来的Alert完全一致，但交互可靠性会高很多：

@State private var showingSheet = false
@State private var newItemName = ""

// 触发Sheet的按钮
Button("添加项目") {
  showingSheet = true
}
.sheet(isPresented: $showingSheet) {
  VStack {
    TextField("输入项目名称", text: $newItemName)
      .padding()
      .textFieldStyle(.roundedBorder)
    HStack {
      Button("取消") {
        showingSheet = false
        newItemName = ""
      }
      Button("确认添加") {
        // 这里处理添加逻辑
        yourItemArray.append(newItemName)
        showingSheet = false
        newItemName = ""
      }
      .disabled(newItemName.isEmpty)
    }
    .padding()
  }
}

3. 强制给TextField设置焦点

如果不想换组件，可以试试手动控制TextField的焦点。用@FocusState变量，在Alert弹出后延迟一点给TextField设置焦点，避免Alert还没渲染完成就触发焦点设置：

@State private var showingAlert = false
@State private var newItemName = ""
@FocusState private var isInputFocused: Bool

// 触发Alert的按钮
Button("添加项目") {
  showingAlert = true
  // 延迟0.1秒设置焦点，确保Alert完全弹出
  DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
    isInputFocused = true
  }
}
.alert("添加新项目", isPresented: $showingAlert) {
  TextField("输入名称", text: $newItemName)
    .focused($isInputFocused)
  Button("取消", role: .cancel) {}
  Button("添加") {
    yourItemArray.append(newItemName)
    newItemName = ""
  }
}