当 @State var 基于 Picker 选择发生变化时，一个视图不会重新呈现

Question

尝试使用 SwiftUI 构建一个简单的 MacOS 应用。我有一个包含绑定到 State var 的 Picker 的视图。作为健全性检查，我添加了一个文本视图（矮人一号和卷...itemName），它也应该随着选取器的变化而变化。他们会这样做，但我要重新渲染的视图（FileList）没有。

我怀疑这与我尝试将新的 FileSystemItem（内部类）传递给 FileList 的方式有关。就像 FilePanel 重新渲染时一样，volumeSelection 回到 0，然后应用状态。所以我的问题是我似乎缺少关于这些数据应该如何流动的基本概念。我再次浏览了 WWDC 信息并阅读了其他文章，但我没有看到答案。

所需的行为是更改选择器上的选择应该导致新的 FileSystemItem 显示在 FileList 视图中。什么是让这种情况发生的正确方法？更笼统地说，当 Picker 选择发生变化时，如何让子视图显示新数据？

struct FilePanel: View 
{
    @State var volumeSelection = 0
    @State var pathSelection = 0

    var volumes = VolumesModel() //should be passed in?
    var dwarves = ["Schlumpy","Wheezy","Poxxy","Slimy","Pervy","Drooly"]

    var body: some View {
        VStack {
            Picker(selection: $volumeSelection, label:
                Text("Volume")
                , content: {
                    ForEach (0 ..< volumes.count()) {
                        Text(self.volumes.volumeAtIndex(index: $0).itemName).tag($0)
                    }
            })

            FileList(item:volumes.volumeAtIndex(index: volumeSelection)).frame(minWidth: CGFloat(100.0), maxHeight: .infinity)
            Text(dwarves[volumeSelection])
            Text(volumes.volumeAtIndex(index: volumeSelection).itemName)

        }
    }
 }

struct FileList: View {
    @State var item : FileSystemItem

    var body: some View {
        VStack {
        List(item.childItems){fsi in
            FileCell(expanded:false, item: fsi)
        }
        Text(item.itemName)
        }
    }
}

Answer 1

@State 是拥有视图的私有状态，FileList 永远不会看到任何变化。

如果VolumesModel 是将FileList.item 转换为绑定（in-out-state）的简单结构可能已经工作（调用者在将@State 传递给依赖项时仍需要将其转换为绑定，使用$):

struct FileList: View {
  @Binding var item : FileSystemItem
  ...
}

但是，感觉就像VolumesModel 是一个具有一组成员的更复杂的对象。

如果是这样的话，上面的就不够了：

• VolumesModel 需要是采用ObservableObject 的类
• VolumesModel 的重要成员需要一个可绑定的包装器 (@Published)
• FileList.item 应该变成@ObservedObject（而不是@State 或@Binding）
• FilePanel.volumes 也被@ObservedObject 包裹

希望能帮助或至少为您指明正确的方向。