Question

我希望动态更新Picker的内容。例如，在显示视图后加载选择器列表。下面是示例代码，但无法正常工作。预期的行为是：

单击“添加黄色”按钮后，列表和选择器中将显示“黄色”。

观察结果是：

单击“添加黄色”按钮后，列表中将显示“黄色”，但选择器中没有。

有人知道代码有什么问题吗？

谢谢

struct ContentView: View {

    @State var selection = 0
    @State var colors: [String] = ["red", "blue", "green"]

    var body: some View {
        VStack {
            Picker(selection: $selection, label: Text("Color")) {
                ForEach(self.colors, id: \.self) { color in
                    Text(color)
                }
            }

            List(colors, id: \.self) { color in
                Text(color)
            }

            Button(action: {
                self.colors = ["red", "blue", "green", "yellow"]
            }) {
                Text("Add Yellow")
            }
        }
    }
}

Answer 1

以下作品。经过Xcode 11.4 / 13.4的测试

Picker(selection: $selection, label: Text("Color")) {
    ForEach(self.colors, id: \.self) { color in
        Text(color)
    }
}.id(colors)      // << here !!

将新项目添加到列表后，选择器不会刷新

1 个答案: