SwiftUI小技巧：在Init方法中给@Binding赋值

2024-01-02 22:55:42

用SwiftUI的Init方法轻松赋值@Binding，解锁流畅开发体验

对于SwiftUI初学者来说，在Init方法中赋值@Binding常常是一件令人头疼的事情。本文将一步步解析这一难题，手把手教你如何优雅地解决它，让你的SwiftUI开发之旅一帆风顺。

@Binding的本质

@Binding是一种属性包装器，它允许我们通过一个属性的getter和setter方法来访问和修改另一个属性的值。我们通常在需要在两个视图之间共享数据或在某个视图中修改另一个视图的属性时使用@Binding。

Init方法赋值失败的原因

如果你直接在Init方法中赋值@Binding，你会发现它总是不成功。这是因为@Binding的getter和setter方法在视图加载完成后才能使用。如果你在Init方法中赋值@Binding，视图还没有加载完成，导致getter和setter方法不存在，赋值失败。

正确赋值@Binding的方法

为了正确地给@Binding赋值，我们需要一个变通方法：

声明一个@State属性 ：创建一个@State属性来保存数据。@State属性不需要视图加载完成即可使用。
使用@Binding绑定 ：在视图加载完成后，使用@Binding将@State属性的值绑定到另一个视图的属性。

代码示例：

struct MyView: View {
    @State private var count = 0

    var body: some View {
        VStack {
            Text("Count: \(count)")

            Button("Increment Count") {
                count += 1
            }
        }
    }
}

struct OtherView: View {
    @Binding var count: Int

    var body: some View {
        Text("Count: \(count)")
    }
}

struct ContentView: View {
    var body: some View {
        MyView()

        OtherView(count: $count)
    }
}

在这个例子中，我们创建了一个@State属性count，并在MyView中使用它来显示和修改计数。然后，我们在OtherView中使用@Binding将count绑定到ContentView的count属性。这样，当我们在MyView中修改count的值时，OtherView中的count值也会随之改变。