Swift UI：工作表和列表视图之间的关系

Question

我有以下示例视图来尝试SwiftUI 中sheet 的行为：

import SwiftUI

struct Word: Identifiable, Codable {
 var id: String
}

struct TestView: View {
  @State var isPresented = false
   var items: [Word] = [Word(id: "Test1"),
                     Word(id: "Test2"),
                     Word(id: "Test3")]
 var body: some View {
   NavigationView {
     List {
       ForEach(items) { word in
          Text(word.id)
     }
   }
  .sheet(isPresented: $isPresented) {
    SomeTestViewInsideTheSheet(action: {
        self.isPresented = false
      })
    .frame(minHeight: 0, maxHeight: 400, alignment: .center)
    }
  .navigationBarTitle(Text("My Title"))
   }
  }
}

struct SomeTestViewInsideTheSheet: View {
   var action: ()->()
   var body: some View {
       VStack {
        Text("Test View")
        Button("Dismiss") {
            self.action()
        }
    }
  }
}

我只是想了解： list 和 sheet 之间的关系是什么？为什么我应该在列表末尾使用.sheet 将工作表与列表联系起来？ 在此示例中显示工作表的正确方法是什么。

附言示例代码在 XCode 项目中编译良好，但在 Playground 中编译不正常。

Answer 1

为什么要在列表末尾使用.sheet 将工作表与列表绑定？

您没有将工作表与列表捆绑在一起。您也没有在列表末尾添加.sheet。再次阅读您的代码！您在NavigationView 的末尾添加.sheet。

因此，NavigationView（“顶级”视图对象）将新的顶级视图呈现为工作表。这实际上并不是“捆绑”任何东西。如您所见，单击列表项不会执行任何操作。 .sheet 这里真的只是作为一个“声明”，我将展示一张表格。

在这个例子中显示工作表的正确方法是什么。

要实际呈现工作表，您需要将isPresented 设置为true。您可以随时将其设置为 true。但是看到你有一个List，我猜你想在选择一个项目时将它设置为true。您可以使用Buttons 而不是Texts 来选择列表项：

 List {
   ForEach(items) { word in
      Button(word.id) {
        self.isPresented = true
      }
 }