SwiftUI 基础：@Binding、NavigationLink、以及dismiss、SwiftUI闭包回调

SwiftUI 基础：@Binding、NavigationLink、以及dismiss、SwiftUI闭包回调

本节目标

在上一节中，我们学习了如何使用 List 和 ForEach 展示动态数据列表，同时结合 NavigationStack 实现了带有导航栏的页面布局，并完成了滑动删除、编辑模式和数据拖拽排序功能。

在本节中，我们将深入学习 SwiftUI 的 @Binding 属性包装器，并结合页面跳转功能，进一步优化水果列表的功能：

• 添加一个“添加水果”页面。
• 在新页面中，用户可以输入新水果名称。
• 保存后返回主页面，并自动刷新列表，展示新添加的水果。

最终效果如下：

一、@Binding 属性包装器简介

在 SwiftUI 中，@Binding 用于在视图之间传递数据的双向绑定。当一个视图需要更改其父视图中的状态时，可以通过绑定来实现数据共享和状态更新。

使用场景

• 当子视图需要修改父视图的数据时，使用 @Binding。
• 避免子视图直接访问父视图的状态，从而保持视图的独立性和可重用性。

基本语法

struct ParentView: View {
   
   
    @State private var text = "Hello, SwiftUI!"

    var body: some View {
   
   
        ChildView(text: $text) // 传递绑定
    }
}

struct ChildView: View {
   
   
    @Binding var text: String // 使用绑定接收数据

    var body: some View {
   
   
        TextField("输入内容", text: $text)
            .textFieldStyle(.roundedBorder)
            .padding()
    }
}

二、添加水