SwiftUI如何在同文件结构体外部函数修改@State变量触发跳转

问题核心原因 #

@State属性的作用域仅限于所属的View结构体内部，外部函数默认没有访问权限，直接在外部修改会触发编译错误，不符合SwiftUI的单向数据流设计，以下是两种可行的实现方案：

方案1：使用@Binding把状态提到父视图管理（推荐轻量场景） #

核心逻辑是把跳转状态activateNavigation放到父视图中持有，LoadingScreen只负责绑定这个状态，外部逻辑直接修改父视图的状态即可：

第一步：修改LoadingScreen定义，把activateNavigation改成@Binding #

struct LoadingScreen: View{
    @State var text = ""
    // 改成Binding，由父视图传入状态的引用
    @Binding var activateNavigation: Bool
    let timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect()
    var body: some View{
        NavigationView{
            VStack{
                Text("Loading images \(text)")
                    .font(.system(size: 24)).bold()
                    .transition(.slide)
                    .onReceive(timer, perform: {(_) in
                        if self.text.count == 3 {
                            self.text = ""
                        } else {
                            self.text += "."
                        }
                    })
                    .onAppear(){
                        self.text = "."
                    }
                NavigationLink(destination: ContentView(), isActive: $activateNavigation, label: { EmptyView() })
            }
            
        }
    }
}

第二步：父视图中持有状态，外部函数直接修改父视图的状态即可 #

// 父视图示例
struct ParentView: View {
    // 父视图持有跳转状态
    @State private var navigateToContent = false
    
    var body: some View {
        LoadingScreen(activateNavigation: $navigateToContent)
            .onAppear {
                getImages()
                convertImages()
                triggerNavigationToContentView()
            }
    }
    
    func triggerNavigationToContentView() {
        navigateToContent = true
    }
}

方案2：使用通知中心跨组件触发（适合函数完全在视图体系外的场景） #

如果你的triggerNavigationToContentView函数完全定义在所有视图结构体之外，可以用通知中心发送通知，LoadingScreen内部监听通知来修改自身状态：

第一步：修改LoadingScreen，添加通知监听 #

struct LoadingScreen: View{
    @State var text = ""
    @State var activateNavigation = false
    let timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect()
    // 定义全局的通知名称，避免硬编码错误
    static let loadingCompleteNotification = NSNotification.Name("LoadingComplete")
    
    var body: some View{
        NavigationView{
            VStack{
                Text("Loading images \(text)")
                    .font(.system(size: 24)).bold()
                    .transition(.slide)
                    .onReceive(timer, perform: {(_) in
                        if self.text.count == 3 {
                            self.text = ""
                        } else {
                            self.text += "."
                        }
                    })
                    .onAppear(){
                        self.text = "."
                    }
                NavigationLink(destination: ContentView(), isActive: $activateNavigation, label: { EmptyView() })
            }
            // 监听加载完成的通知，收到后修改状态触发跳转
            .onReceive(NotificationCenter.default.publisher(for: Self.loadingCompleteNotification)) { _ in
                activateNavigation = true
            }
        }
    }
}

第二步：外部的triggerNavigationToContentView函数发送通知即可 #

func triggerNavigationToContentView(){
    NotificationCenter.default.post(name: LoadingScreen.loadingCompleteNotification, object: nil)
}

额外注意 #

图片加载通常是异步操作，你现在的getImages()、convertImages()如果是异步方法，不要直接同步调用后就执行triggerNavigationToContentView，要等两个异步操作都完成后再触发跳转，可以用GCD的DispatchGroup来管理异步任务的完成状态。

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