SwiftUI中如何让视图扩展响应State输入更新视图？

我来帮你捋清楚问题所在，以及怎么修复这个同步问题：

问题根源 #

1. 错误使用@State：你的customText视图用@State来存储外部传入的文本，但@State是专门用来管理视图内部私有状态的，不适合接收外部传递的数据。外部数据应该用普通属性来存储，@State的特性会导致外部数据变化时无法正确触发视图更新。
2. 缺少视图容器：ContentView的body直接返回了多个视图，这不符合SwiftUI的规则——body必须返回单个视图，这种写法会导致视图结构异常，甚至编译失败，自然也无法正常响应数据变化。
3. 链式调用的小瑕疵：你的扩展方法虽然返回了新的customText实例，但因为@State的限制，无法正确关联外部数据的变化。

修复后的代码 #

首先修正customText视图和它的扩展：

import SwiftUI

struct customText: View {
    // 用普通属性接收外部传入的文本，移除@State
    let stringOfText: String
    
    var body: some View {
        Text(stringOfText)
    }
}

extension customText {
    // 链式调用方法，返回配置好的新实例
    func stringOfText(_ text: String) -> customText {
        customText(stringOfText: text)
    }
    
    // 添加空初始化方法，支持链式调用的写法
    init() {
        self.stringOfText = ""
    }
}

然后修正ContentView，用容器包裹多个视图：

struct ContentView: View {
    @State var changeString: String = "Hello, world!"
    
    var body: some View {
        VStack(spacing: 20) { // 用VStack包裹所有视图，保证结构合法
            customText().stringOfText(changeString).padding()
            
            Button("change") {
                changeString = "Omid"
            }.padding()
            
            Text(changeString).padding()
        }
    }
}

为什么这样能解决问题？ #

• 移除@State改用普通属性后，当父视图的changeString变化时，ContentView的body会重新计算，调用customText().stringOfText(changeString)生成新的customText实例，自然会显示最新的文本。
• VStack的加入让视图结构符合SwiftUI的要求，确保所有视图都能正确渲染和响应状态变化。
• 如果以后需要子视图修改父视图的数据，可以把let stringOfText换成@Binding var stringOfText: String，但这个场景下只读的普通属性就足够了。

内容的提问来源于stack exchange，提问作者swiftPunk