SwiftUI中实现列表选中项同步至TextField的问题求助

要实现点击国家代码列表项后，将对应代码填入TextField，按以下步骤修改代码即可：

1. 简化状态变量（可选优化） #

你不需要单独的selection变量，直接用现有的text存储选中的代码即可，逻辑更简洁：

@State private var text = ""
@State private var showCodes = false // 你应该已经定义了这个控制列表显示的变量

2. 给列表项添加点击事件 #

直接给每个列表行绑定onTapGesture，点击时把选中的国家代码赋值给TextField的绑定变量，同时收起列表：

if showCodes {
    List {
        ForEach(datas.users, id: \.dial_code) { user in
            HStack{
                Text(user.name)
                    .font(.callout)
                    .foregroundColor(.black)
                Spacer()
                Text(user.dial_code)
                    .font(.callout)
                    .foregroundColor(.blue)
            }
            .onTapGesture {
                text = user.dial_code // 将选中的代码赋值给TextField绑定的text
                withAnimation {
                    showCodes.toggle() // 点击后自动收起列表
                }
            }
        }
    }
    .listRowInsets(EdgeInsets())
    .frame(maxWidth: 400, maxHeight: .infinity, alignment: .leading)
    .padding(.top, -585)
}

3. 原方法不生效的原因 #

你之前使用List(selection: $selection)，但SwiftUI的selection属性通常需要配合NavigationView和编辑模式才能正常工作，对于这种简单的单选选择场景，直接给列表项加点击手势是更直观、适合新手的实现方式。

额外优化提示 #

• 你的布局用了大量固定position和负padding，在不同屏幕尺寸下容易出现适配问题，建议改用VStack、Spacer等布局容器实现自适应布局。
• 如果不需要用户手动输入代码，可以给TextField添加.disabled(true)修饰符，避免误输入。

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