如何实现可正确触发视图更新的自定义SwiftUI容器视图？

你的自定义容器没像原生容器那样接入SwiftUI的依赖追踪体系，导致@AppStorage这类跨视图的状态变化无法触发容器内内容的更新；自定义ToggleStyle会加剧问题，是因为它改变了视图渲染路径，进一步干扰了依赖追踪逻辑。

解决方法 #

有两种可靠的实现方式，能让自定义容器和原生容器的更新表现完全一致：

方法一：用SwiftUI原生的_VariadicView框架实现（推荐，原生容器同款逻辑）

HStack、VStack这类原生容器都是基于_VariadicView实现的，它会自动处理子视图的依赖注册和变化通知。实现代码如下：

import SwiftUI
import _VariadicView

struct Container<Content: View>: View {
    @ViewBuilder let content: () -> Content

    var body: some View {
        _VariadicView.Tree(ContentRoot(), content: content)
    }
}

// 实现内容根节点协议，负责渲染所有子视图
private struct ContentRoot: _VariadicViewRoot {
    func body(children: _VariadicView.Children) -> some View {
        children
    }
}

方法二：用原生容器包裹内容（简单快捷，适合单内容场景）

如果你的容器不需要处理复杂的多子视图布局，直接用Group这类原生容器包裹内容即可，间接利用原生的依赖追踪逻辑：

struct Container<Content: View>: View {
    @ViewBuilder let content: () -> Content

    var body: some View {
        Group {
            content()
        }
    }
}

修改后的完整代码示例 #

import SwiftUI
import _VariadicView

struct Container<Content: View>: View {
    @ViewBuilder let content: () -> Content

    var body: some View {
        _VariadicView.Tree(ContentRoot(), content: content)
    }
}

private struct ContentRoot: _VariadicViewRoot {
    func body(children: _VariadicView.Children) -> some View {
        children
    }
}

struct Screen: View {
    @AppStorage("isOn")
    private var isOn = false

    var body: some View {
        Form {
            Toggle("Outside", isOn: self.$isOn)

            Container {
                Toggle("Container", isOn: self.$isOn)
            }

            HStack {
                Toggle("HStack", isOn: self.$isOn)
            }
        }
        .toggleStyle(MyToggleStyle())
    }
}

public struct MyToggleStyle: ToggleStyle {
    public func makeBody(configuration: Configuration) -> some View {
        Button {
            configuration.isOn.toggle()
        } label: {
            configuration.label

            Text(configuration.isMixed ? "Mixed" : configuration.isOn ? "On" : "Off")
        }
    }
}

#Preview {
    Screen()
}

原理说明 #

• _VariadicView是SwiftUI的底层框架，专门用于处理可变数量的子视图，它会自动为子视图注册依赖监听，当状态变化时触发整个容器的视图更新。
• Group作为原生容器，内部已经实现了完整的依赖追踪逻辑，用它包裹自定义容器的内容后，SwiftUI能正确捕获内容中的状态变化，确保视图及时更新。

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