SwiftUI Live Preview中如何声明可变Binding实现交互？

这个问题我之前也碰到过，用.constant("test")确实只能生成静态预览，没法在Live Preview里和按钮交互修改值。下面给你两种实用的解决办法，都能让预览里的Binding变成可交互的：

方法一：在PreviewProvider里用静态@State变量 #

直接在预览结构体里定义一个静态的@State变量，然后把它的绑定投影（$变量名）传给ChildView的itemName参数就行。代码示例：

struct ChildView_Previews: PreviewProvider {
    // 用static修饰@State，因为previews是静态方法
    @State static var previewItemName = "test"
    
    static var previews: some View {
        ChildView(itemName: $previewItemName)
    }
}

这样设置后，你在Live Preview里点击ChildView里的按钮修改itemName时，previewItemName会跟着更新，预览界面也会实时刷新，完美实现交互。

方法二：创建嵌套的预览容器视图 #

如果觉得静态@State有点别扭，也可以写一个嵌套的普通View来持有状态，再把这个容器作为预览的内容：

struct ChildView_Previews: PreviewProvider {
    static var previews: some View {
        PreviewContainer()
    }
    
    // 嵌套的容器视图，持有可变状态
    struct PreviewContainer: View {
        @State private var itemName = "test"
        
        var body: some View {
            ChildView(itemName: $itemName)
        }
    }
}

这种方法的原理和第一种一样，都是用@State提供可变的数据源，通过Binding把状态和ChildView关联起来，让Live Preview能响应交互。

两种方法都能解决你的问题，选哪种看个人习惯就行～

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