SwiftUI中如何调用另一个独立View中的函数？

在SwiftUI中，直接从子视图调用父视图的实例方法是行不通的——因为视图是结构体类型，你不能通过类名直接调用实例方法。下面提供两种符合SwiftUI设计规范的解决方案：

方案一：通过闭包传递函数 #

这种方式简单直接，适合小型场景，直接把父视图的方法作为闭包传递给子视图：

1. 修改secondPage（注意Swift命名规范，结构体首字母建议大写为SecondPage），添加闭包属性：

struct SecondPage: View {
    // 定义接收函数的闭包类型
    let runTargetFunction: () -> Void
    
    var body: some View {
        Button("调用首页的函数") {
            // 调用传递过来的闭包
            runTargetFunction()
        }
    }
}

2. 在ContentView的导航目标中传递doFunction：

.navigationDestination(isPresented: $readyToNavigate) {
    SecondPage(runTargetFunction: doFunction)
}

点击第二页的按钮时，就会触发ContentView中的doFunction方法，闭包会自动捕获ContentView的实例状态，不需要额外处理。

方案二：使用ObservableObject共享业务逻辑 #

如果你的函数需要管理复杂状态，或者多个视图都需要调用这个方法，推荐把业务逻辑抽离到独立的ViewModel类中，通过ObservableObject实现状态和方法的共享：

1. 创建ViewModel类，封装函数和状态：

class FunctionViewModel: ObservableObject {
    // 把导航状态也放到ViewModel中统一管理
    @Published var readyToNavigate = false
    
    func doFunction() {
        Task {
            let example = await "这是异步操作的结果"
            print(example)
        }
        readyToNavigate = true
    }
}

2. 修改ContentView，使用ViewModel管理状态和方法：

struct ContentView: View {
    @StateObject private var viewModel = FunctionViewModel()
    
    var body: some View {
        NavigationStack {
            VStack {
                Button(action: viewModel.doFunction) {
                    Text("按钮")
                }
                .navigationDestination(isPresented: $viewModel.readyToNavigate) {
                    SecondPage(viewModel: viewModel)
                }
                .navigationTitle("测试")
            }
        }
    }
}

3. 修改SecondPage，持有ViewModel实例并调用方法：

struct SecondPage: View {
    @ObservedObject var viewModel: FunctionViewModel
    
    var body: some View {
        Button("调用首页的函数") {
            viewModel.doFunction()
        }
    }
}

为什么之前的方法行不通？ #

• 直接调用ContentView.doFunction()：doFunction是实例方法，必须通过ContentView的实例调用，而不是结构体类型本身。
• 全局函数：虽然能调用，但无法访问视图的@State等实例状态，而且不符合SwiftUI的状态管理模式，不利于代码维护。

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