如何在SubView SwiftUI中使用BaseView @State属性

问题描述

我有一个类似BaseView的东西，我想向所有子视图添加警报机制

struct BaseView<Content: View>: View {
    @State var isAlertPresented = false
    let content: Content
    
    init(@viewbuilder content: () -> Content) {
        self.content = content()
    }
    
    var body : some View {
        content.alert(isPresented: $isAlertPresented) {
            Alert(title: Text("title"))
        }
    }

}

这是我的SubView。

struct SubView: View {
    BaseView {
        Text("")
    }.onReceive(vm.publisher) { (output) in
        // here I want to trigger BaseView isAlertPresented property        
        // BaseView.isAlertPresented = true
    }
}

我可以做这样的事情吗？如果可以，我该怎么办？

解决方法

如果视图包含BaseView，则绝对不是与其相关的子视图。而且，由于违反真实来源，您不应访问/操纵其他视图的内部状态。

相反，在这种情况下，您必须使用Binding，如下所示（已通过Xcode 11.7测试）

struct BaseView<Content: View>: View {
    @Binding var isAlertPresented: Bool
    let content: Content

    init(isAlertPresented: Binding<Bool>,@ViewBuilder content: () -> Content) {
        self._isAlertPresented = isAlertPresented
        self.content = content()
    }

    var body : some View {
        content.alert(isPresented: $isAlertPresented) {
            Alert(title: Text("title"))
        }
    }

}

struct SomeOtherView: View {
    @State private var showAlert = false

    var body: some View {
        BaseView(isAlertPresented: $showAlert) {
            Text("Test")
        }
        .onReceive(vm.publisher) { (output) in
//        .onAppear {     // used instead of above just for test
            self.showAlert = true
        }
    }
}