使用 @State 解析为在所有存储属性初始化之前使用的“自我”

Question

我在使用 @State 属性时遇到了问题。

我的 ContentView.swift 看起来像这样：

import SwiftUI

struct ContentView: View {
    @State var showText: Bool = true
    
    var Mod: Modifier
    init() {
        Mod = Modifier(showText: $showText) // Throws error -> 'self' used before all stored properties are initialized ('self.Mod' not initialized)
    }
    
    var body: some View {
        VStack {
            if showText == true {
                Text("Hello, World!")
            }
            Mod
        }
    }
}

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

而我的 Modifier.swift 中调用 Modifier 视图的代码如下：

import SwiftUI

struct Modifier: View {
    @Binding var showText: Bool
    
    var body: some View {
        VStack {
            Button("Hide Text") {
                self.showText.toggle()
            }
        }
    }
}

我从我的实际项目中创建了这个简化的代码，我的问题更容易理解。

问题

问题是init函数中的代码导致错误，我不知道如何解决。

我尝试了什么以及我需要什么

因为这只是我的实际代码的简化版本，所以我需要对我的代码有一些要求：

• Mod 不能是计算变量
• 不知何故，我需要 Modifier 视图作为我的 ContentView 中名为 Mod 的变量
• 当我删除@State 属性和@Binding 属性和$ 时，代码工作并产生0 个错误。但我需要使用 @State 属性（不幸的是，这会导致我的代码出错）
• 隐藏和显示文本的按钮也应该可以工作

如果有人能给我提示，我将非常感激。非常感谢您的帮助！

Answer 1

我确实找到了一种方法来做到这一点。我不确定它是否合适，但这里有详细信息。

问题在于 SwiftUI 似乎不允许在 body 之外设置绑定。所以这个解决方案返回了一个新的 Modifier 实例

struct Modifier: View {
    @Binding var showText: Bool
    
    var body: some View {
        VStack {
            Button("Hide Text") {
                self.showText.toggle()
            }
        }
    }
    
    // this function returns a new instance with the binding
    func bind(to binding: Binding<Bool>) -> Self {
        return Modifier(showText: binding)
    }
}

还有ContentView的代码，我们可以在body中调用这个函数：

struct ContentView: View {
    @State var showText: Bool = true
    var Mod: Modifier
    
    init() {
        Mod = Modifier(showText: .constant(true)) // .constant() gives a placeholder Binding
    }
    
    var body: some View {
        return VStack {
            if showText == true {
                Text("Hello, World!")
            }
            Mod.bind(to: $showText)
        }
    }
}

经过测试，文本可以隐藏/显示。希望这能有所帮助。

Answer 2

Mod = Modifier(showText: _showText.projectedValue)

如果您愿意，可以将其设为 let 而不是 var。

Answer 3

在body 上下文中使用视图

struct ContentView: View {
    @State var showText: Bool = true
    
    var body: some View {
        VStack {
            if showText == true {
                Text("Hello, World!")
            }
            Modifier(showText: $showText)
        }
    }
}