使用 NavigationSplitView 将数据传递到第二列

Question

我有一个包含两列的 macOS 应用程序。 左栏是一个列表，显示我正在处理的单元（文件）的文件名和日期。 右侧的第二列应在选择时显示每个文件的内容。

我有一个包含该信息的数组，并为显示每个项目的左列创建了一个列表。 我添加了一个detail:使用允许用户查看数据并在必要时修改数据的TextEditor 。 我一直在尝试将@State var text设置为currentunit.text的内容，但我不知道如何传递detail: 。 如果我尝试分配它（如在text = x中），则会收到一条错误消息，指出它不符合 View。

然后我尝试通过获取当前选定单元的索引、使用 selectedUnitId 并使用类似这样的方法来获取索引来加载它：

func getIndex(uuid: UUID) -> Int? {
        return data.units.firstIndex(where: {$0.id == uuid})
}

但是我无处可去，收集了一系列不同的错误。

无论如何，我如何将数据传递给detail:代码的一部分？ 我研究了 NavigationSplitView 的许多示例，它们都非常相似，只是展示了基本用法，仅此而已。

谢谢！

代码：

struct Unit: Codable, Hashable, Identifiable {
    let id: UUID
    var text: String
    var date = Date()
    var dateText: String {
        let df = DateFormatter()
        df.dateFormat = "EEEE, MMM d yyyy, h:mm a"
        return df.string(from: date)
    }
    var changed: Bool = false
}


final class UnitModel: ObservableObject {
    @AppStorage("unit") public var units: [Unit] = []
    init() {
        self.units = self.units.sorted(by: {
            $0.date.compare($1.date) == .orderedDescending
        })
    }
    
    func sortList() {
        self.units = self.units.sorted(by: {
            $0.date.compare($1.date) == .orderedDescending
        })
    }
}

struct ContentView: View {
    @EnvironmentObject private var data: UnitModel
    @State var selectedUnitId: UUID?
    @State var text: String = ""

    var body: some View {
        NavigationSplitView {
              List(data.units, selection: $selectedUnitId) { currentunit in
                  VStack(alignment: .leading) {
                      Text(currentunit.filename)
                      Text(currentunit.dateText)
                  }
              }
          } detail: {
             // here: how do I preload $text with the text from the unit?
              VStack(alignment: .leading) {
                  TextEditor(text: $text)
              }
          }
    }
    
}

我也试过：

struct ContentView: View {
    @EnvironmentObject private var data: UnitModel
    @State var selectedNoteId: UUID?

    var body: some View {
        NavigationSplitView {
              List(data.units, selection: $selectedNoteId) { currentunit in
                  NavigationLink{
                      UnitView(unit: currentunit, text: currentunit.text)
                  } label: {
                      VStack(alignment: .leading) {
                          Text(currentunit.filename)
                          Text(currentunit.dateText)
                      }
                  }
              }
          } detail: {
              Text("Select a unit.")

          }
    }
}

struct UnitView: View {
    @EnvironmentObject private var data: UnitModel
    var unit: Unit
    @State var text: String
        
    var body: some View {
        VStack(alignment: .leading) {
            TextEditor(text: $text)
        }
    }
}

但是同样，我不知道如何用当前单元的文本初始化text变量。 我只选择了第一个，即使我可以看到选择了一个新单位，但文本保持不变并且不会更新。

已更新如果我更改代码以使用NavigationView那么它会按预期工作，那么 Apple 现在让我们使用的新方法是怎么回事？ 即NavigationSplitView和NavigationStack ？

这是可以正常工作的代码，但根据 Apple 的说法，它已被弃用：

    NavigationView {
          List(data.units, selection: $selectedNoteId) { currentunit in
              
              NavigationLink(
                    destination: UnitView(unit: currentunit, text: currentunit.text),
                    label: {
                        VStack(alignment: .leading) {
                            Text(currentunit.filename)
                            Text(currentunit.dateText)
                        }
                    }
              )
   }

Answer 1

Apple 的Defining the source of truth using a custom binding教程涵盖了这一点。 您的代码看起来像这样：

} detail: {
    DetailView(unitID: selectedUnitID) // not sure why they used binding
}

struct DetailView: View {
    let unitID: Unit.ID
    @EnvironmentObject private var store: UnitModel

    private var unitBinding: Binding<Unit> {
        Binding {
            if let id = unitID {
                return store.unit(with: id) ?? Unit.emptyUnit()
            } else {
                return Unit.emptyUnit()
            }
        } set: { updatedUnit in
            store.update(updatedUnit)
        }
    }

    var body: some View {

          if store.contains(unitID) {
              VStack(alignment: .leading) {
                  TextEditor(text: unitBinding.text)
              }
          }
          else {
              Text("Select Unit")
          } 
    }

}

请注意，当前（自 Xcode 14.2 起）在详细信息窗格中使用 TextField 时存在文本 cursor 的已知错误。 输入文字检查，将cursor移到中间，尝试输入一个字符。 bug是cursor跳到最后。