面试题：SwiftUI NavigationView与NavigationLink的数据传递

数据传递方式

通过NavigationLink的destination参数传递：在NavigationLink的destination闭包中，将选中商品的数据作为参数传递给详情视图。例如：

NavigationLink(destination: DetailView(product: selectedProduct)) {
    Text(selectedProduct.name)
}

其中selectedProduct是在列表视图中选中的商品数据，DetailView是详情视图，它接收一个product参数。

内存管理

强引用循环：确保在数据传递过程中不会产生强引用循环。由于SwiftUI使用值类型和自动引用计数（ARC），在大多数情况下，只要合理定义数据结构和视图，不会出现强引用循环问题。例如，避免在视图之间互相持有对方的强引用。
释放不再使用的数据：当视图被销毁时，Swift的ARC会自动释放相关的内存。但是如果数据中有一些需要手动释放的资源（如文件句柄、网络连接等），应在适当的时机（如视图的onDisappear修饰符中）进行释放。例如：

struct DetailView: View {
    let product: Product
    var body: some View {
        VStack {
            // 展示商品详情
        }
      .onDisappear {
            // 释放资源
        }
    }
}

性能优化

数据加载优化：如果商品数据较大或需要从网络加载，应采用按需加载的策略。在列表视图中只展示必要的信息，当用户点击进入详情视图时再加载完整的详细信息。可以使用LazyVStack来优化列表视图的性能，只渲染可见的单元格。例如：

struct ProductListView: View {
    let products: [Product]
    var body: some View {
        NavigationView {
            LazyVStack {
                ForEach(products) { product in
                    NavigationLink(destination: DetailView(product: product)) {
                        Text(product.name)
                    }
                }
            }
          .navigationTitle("商品列表")
        }
    }
}

视图渲染优化：在详情视图中，使用@State和@Binding等合理管理视图状态，避免不必要的重渲染。如果详情视图中有一些复杂的视图结构，可以考虑使用ViewModifier来复用代码，提高性能。

主要代码实现思路

定义商品数据模型：

struct Product {
    let id: UUID
    let name: String
    let description: String
    // 其他商品信息
}

列表视图：

struct ProductListView: View {
    let products: [Product]
    var body: some View {
        NavigationView {
            List(products) { product in
                NavigationLink(destination: DetailView(product: product)) {
                    Text(product.name)
                }
            }
          .navigationTitle("商品列表")
        }
    }
}

详情视图：

struct DetailView: View {
    let product: Product
    var body: some View {
        VStack {
            Text(product.name)
            Text(product.description)
            // 展示其他详细信息
        }
      .navigationTitle("商品详情")
    }
}

在App中使用：

@main
struct MyApp: App {
    let products: [Product] = [
        Product(id: UUID(), name: "商品1", description: "这是商品1的描述"),
        Product(id: UUID(), name: "商品2", description: "这是商品2的描述")
    ]
    var body: some Scene {
        WindowGroup {
            ProductListView(products: products)
        }
    }
}

星途面试题库

面试题：SwiftUI NavigationView与NavigationLink的数据传递

知识考点

面试题答案

数据传递方式

内存管理

性能优化

主要代码实现思路