如何为 SwiftUI 动态构建视图并呈现它？答案

【问题标题】：How can I dynamically build a View for SwiftUI and present it?如何为 SwiftUI 动态构建视图并呈现它？
【发布时间】：2021-02-27 19:22:25
【问题描述】：

我已经包含了存根代码示例。我不确定如何让这个演示文稿发挥作用。我的期望是，在评估工作表演示关闭时，aDependency 应该是非零。然而，正在发生的事情是 aDependency 被视为 nil，而 TheNextView 永远不会出现在屏幕上。

如何建模以显示TheNextView？我在这里错过了什么？

struct ADependency {}

struct AModel {
    func buildDependencyForNextExperience() -> ADependency? {
        return ADependency()
    }
}

struct ATestView_PresentationOccursButNextViewNotShown: View {
    @State private var aDependency: ADependency?
    @State private var isPresenting = false
    @State private var wantsPresent = false {
        didSet {
            aDependency = model.buildDependencyForNextExperience()
            isPresenting = true
        }
    }
    private let model = AModel()
    
    var body: some View {
        Text("Tap to present")
            .onTapGesture {
                wantsPresent = true
            }
            .sheet(isPresented: $isPresenting, content: {
                if let dependency = aDependency {
                    // Never executed
                    TheNextView(aDependency: dependency)
                }
            })
    }
}

struct TheNextView: View {
    let aDependency: ADependency
    
    init(aDependency: ADependency) {
        self.aDependency = aDependency
    }
    
    var body: some View {
        Text("Next Screen")
    }
}

【问题讨论】：

你想初始化aDependency on state change？这是必要条件吗？
@TusharSharma 正确！是的
为什么不在初始化程序中做呢？当您点击文本时，您只需将 isPresented 切换为 true，就会调用工作表。由于您在初始化时已经初始化了依赖项，所以它不会是 nil 吗？这不是你想要的吗？
@TusharSharma 在编译时依赖不是计算机，而是在用户单击按钮后计算的
what about doing-: "TheNextView(aDependency:model.buildDependencyForNextExperience())"。模型是提供对象，为什么不直接在展示表时传递呢？你也可以去掉wantsPresent和adependency state属性.

标签： ios swift swiftui combine

【解决方案1】：

这是 iOS 14 中的常见问题。sheet(isPresented:) 在第一次渲染时被评估，然后没有正确更新。

要解决此问题，您可以使用sheet(item:)。唯一的问题是您的商品必须符合Identifiable。

以下版本的代码有效：

struct ADependency : Identifiable {
    var id = UUID()
}

struct AModel {
    func buildDependencyForNextExperience() -> ADependency? {
        return ADependency()
    }
}

struct ContentView: View {
    @State private var aDependency: ADependency?
    private let model = AModel()
    
    var body: some View {
        Text("Tap to present")
            .onTapGesture {
                aDependency = model.buildDependencyForNextExperience()
            }
            .sheet(item: $aDependency, content: { (item) in
                TheNextView(aDependency: item)
            })
    }
}

【讨论】：