SwiftUI中如何使用Picker选中值动态填充List列表

完全可以实现，核心逻辑是通过Picker绑定的selected状态值，获取当前选中的车辆品牌，再读取该品牌对应的车型数组填充到List中即可，SwiftUI会在selected变化时自动刷新List内容。

实现前提 #

首先确认你的代码满足几个基础条件：

• 已声明选中状态变量：@State private var selected = 0，默认选中第一个品牌
• 车辆数据模型包含品牌下的车型字段，参考结构：

struct Car: Identifiable {
    let id = UUID()
    let make: String // 车辆品牌名称
    let models: [String] // 对应品牌的全部车型
}

• 视图模型vm中的cars为[Car]类型数组，存储全量品牌数据。

完整实现代码 #

VStack{
    Picker("车辆品牌", selection: $selected) {
        ForEach(0..<vm.cars.count, id: \.self){ index in
            Text(vm.cars[index].make).tag(index)
        }
    }
    .pickerStyle(.menu) // 可按需替换为.segmented、.wheel等其他Picker样式
    List{
        // 直接遍历当前选中品牌的车型数组即可
        ForEach(vm.cars[selected].models, id: \.self) { modelName in
            Text(modelName)
        }
    }
}

注意事项 #

• 数组越界防护：如果vm.cars存在为空的可能，需要在List外层增加非空判断，或者保证selected的取值始终在vm.cars的索引范围内，避免崩溃。
• 异步加载场景：如果车型数据需要选中品牌后再从接口拉取，可以给VStack增加.onChange(of: selected)修饰符，在选中值变化时触发对应品牌的车型请求，将请求结果存入视图模型后List会自动刷新。
• List行样式可自定义，和常规List的行写法完全一致，不需要额外做特殊适配。

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