在 SwiftUI 中使用模式从列表中添加项目

Question

我想知道如何从包含在模式中的列表中添加一个项目，这样当我点击一行时，我可以在启动 [= 的第一个视图中 select 编辑该项目23=]（为了更清楚，当 iPhone 应用 "Messages" select 来自 "Contacts" 的联系人时，您发现的效果。

这是我的基本代码

struct Product : Hashable { 

  var name : String

  init(name: String) {
    self.name = name
  }

  func hash(into hasher: inout Hasher) {
    hasher.combine(name)
  }
}


class Manager {

  var product : [Product] = []

  init() {


    let pencil = Product(name: "Pencil")
    let eraser = Product(name: "Eraser")
    let ruler = Product(name: "Notebook")

    product = [pencil, eraser, ruler]

  }
}

struct FirstView: View {

  @State var isSheetOpened = false
  var products : Manager

  var body: some View {
      VStack {
      Button(action: {
          self.isSheetOpened.toggle()
      }) {
          Text("Add item from sheet")
      }
      .sheet(isPresented: self.$isSheetOpened) {
          Sheet(products: self.products, isSheetOpened: self.isSheetOpened)
      }

      Text("Add here")

    }
  }
}

struct Sheet: View {

  var products : Manager
  var isSheetOpened : Bool

  var body: some View {
      VStack {
          List {                
              ForEach(self.products.product, id: \.self) { index in
                Text(index.name)
            }
        }
    }
  }
}

Answer 1

看看这个：

因为您显然缺少一些您应该阅读的关于@Binding、ObservableObject、EnvironmentObject 的基本知识...没有它您将永远无法在 SwiftUI 中编写应用程序

import SwiftUI

struct Product : Hashable {

    var name : String

    init(name: String) {
        self.name = name
    }

    func hash(into hasher: inout Hasher) {
        hasher.combine(name)
    }
}


class Manager : ObservableObject {

    @Published var chosenProducts : [Product] = []
    var products : [Product] = []

    init() {

        let pencil = Product(name: "Pencil")
        let eraser = Product(name: "Eraser")
        let ruler = Product(name: "Notebook")

        products = [pencil, eraser, ruler]
    }
}
struct ContentView: View {

    @EnvironmentObject var manager : Manager

    @State var isSheetOpened = false

    var body: some View {
        VStack {
            Button(action: {
                self.isSheetOpened.toggle()
            }) {
                Text("Add item from sheet")
            }
            Text("Chosen products")
                .font(.largeTitle)
            List {
                ForEach(self.manager.chosenProducts, id: \.self) { product in
                    Text(product.name)
                }
            }
            .sheet(isPresented: self.$isSheetOpened) {
                Sheet(isSheetOpened: self.$isSheetOpened)
                    .environmentObject(self.manager)
            }

            Text("Add here")

        }
    }
}

struct Sheet: View {

    @EnvironmentObject var manager : Manager

    @Binding var isSheetOpened : Bool

    var body: some View {
        VStack {
            List (self.manager.products, id: \.self) { product in
                Button(action: {
                    self.manager.chosenProducts.append(product)
                    self.isSheetOpened = false
                }) {
                    Text(product.name)
                }
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView().environmentObject(Manager())
    }
}

Answer 2

您需要在 FirstView 中使用@State 并在 Sheet 中使用@Binding 才能在 FirstView 中显示所选项目。
此外，要在 Sheet 中选择项目后关闭视图，您可以使用环境变量 presentationMode。

这是执行此操作的代码。希望能帮助到你。

struct FirstView: View {
    @State var isSheetOpened = false
    @State var selectedProduct: String = ""
    var products = Manager()

    var body: some View {
        VStack {
            Button(action: {
                self.isSheetOpened.toggle()
            }) {
                Text("Add item from sheet")
            }
            .sheet(isPresented: self.$isSheetOpened) {
                Sheet(products: self.products, isSheetOpened: self.isSheetOpened, selectedProduct: self.$selectedProduct)
            }

            Text("\(selectedProduct)")
        }
    }
}

struct Sheet: View {
    var products : Manager
    var isSheetOpened : Bool
    @Binding var selectedProduct: String
    @Environment(\.presentationMode) var presentationMode

    var body: some View {
        VStack {
            List {
                ForEach(self.products.product, id: \.self) { index in
                    Button(action: {
                        self.selectedProduct = index.name
                        self.presentationMode.wrappedValue.dismiss()
                    }) {
                        Text(index.name)
                    }
                }
            }
        }
    }
}

在 SwiftUI 中使用模式从列表中添加项目

Use a Modal to Add an Item from a List in SwiftUI

arrays

swiftui

swiftui-list