SwiftUI中Picker内用ForEach报错：Text需符合TableRowContent

问题说明 #

在SwiftUI开发中，尝试将数组数据绑定到Picker组件时出现报错，List组件可正常展示目标数据，但Picker使用类似逻辑失效，报错信息如下：

Referencing initializer 'init(_:content:)' on 'ForEach' requires that 'Text' conform to 'TableRowContent'

错误原因 #

1. 语法错误：Picker内的ForEach循环遍历的是索引（Int类型），但代码中错误调用index.style——Int类型并没有style属性，这是触发报错的直接原因。
2. 数据绑定不匹配：selectedStyle定义为Int类型，若直接使用索引绑定，需确保Picker选项的tag与选中状态类型一致；更推荐直接绑定数组中的Bumps对象，符合SwiftUI的数据流逻辑。

修正方案 #

方案一：直接绑定Bumps对象（推荐） #

修改视图代码，将选中状态绑定到Bumps对象，直接遍历Identifiable数组：

import SwiftUI

struct BumpSelector: View {
    @ObservedObject var model = ViewModel()
    @State var selectedBump: Bumps?
    
    init(){
        model.getData2()
    }
    
    var body: some View {
        VStack{
            List (model.list) { item in
                Text(item.style)
            }
           
            Picker("Style", selection: $selectedBump) {
                ForEach(model.list) { bump in
                    Text(bump.style)
                        .tag(bump) // 绑定对应的Bumps实例
                }
            }
        }
    }
}

方案二：使用索引绑定（兼容原有Int类型选中状态） #

若需保留selectedStyle为Int类型，修正Picker内的ForEach逻辑：

import SwiftUI

struct BumpSelector: View {
    @ObservedObject var model = ViewModel()
    @State var selectedStyle = 0
    
    init(){
        model.getData2()
    }
    
    var body: some View {
        VStack{
            List (model.list) { item in
                Text(item.style)
            }
           
            Picker("Style", selection: $selectedStyle) {
                ForEach(0..<model.list.count, id: \.self) { index in
                    Text(model.list[index].style)
                        .tag(index) // 绑定索引值
                }
            }
        }
    }
}

补充说明 #

• 模型（Bumps）和ViewModel代码无需修改，若ViewModel中styleArray未使用可考虑移除，精简代码。
• 使用Identifiable数组直接遍历的方式更安全，避免因数组元素变动导致索引不匹配的问题。

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