11、探索SwiftUI中的导航、动画与自定义控件

探索SwiftUI中的导航、动画与自定义控件

1. 利用路由器进行导航

在应用开发中，多个导航链接可能会使视图变得复杂。使用路由器可以将导航链接解耦，使其更加灵活，避免将其嵌套在UI中，从而更好地控制导航。

1.1 创建导航路由器协议

在 Core/utils 目录下创建 NavigationRouter.swift 文件，并添加以下代码：

import SwiftUI
protocol NavigationRouter {
  // 1
  associatedtype Data
  // 2
  func navigate<T: View>(
    data: Data,
    navigationState: NavigationState,
    view: (() -> T)?
  ) -> AnyView
}

代码解释：
- 实现此协议时，需要提供要传递到目标视图的数据类型。
- 在视图中调用此方法并传入适当的数据，将返回目标视图，同时需要传入导航状态。

1.2 实现动物详情路由器

打开 AnimalDetailsView.swift 文件，添加以下代码：

struct AnimalDetailsRouter: NavigationRouter {
  // 1
  typealias D