SwiftUI中如何基于嵌套视图状态动态显示外部视图内容？

你的代码里有两个核心问题导致HomeContentView无法动态更新：

1. 状态无法跨视图传递与监听：FileManagerView里的@State是视图内部的私有状态，外部的HomeContentView根本监听不到它的变化，就算按钮点击修改了directoryFiles，父视图也不会触发刷新。
2. 视图实例创建方式错误：你用let在HomeContentView里直接初始化FileManagerView，SwiftUI视图是值类型，这种方式创建的实例不会参与视图树的更新流程，相当于一个固定的、不会变化的对象。

解决方案：用ObservableObject共享状态 #

把状态抽离成独立的视图模型，让父子视图共享同一个状态源，就能实现状态变化时自动刷新所有关联视图。修改后的代码如下：

import SwiftUI

// 用ObservableObject管理文件选择状态，@Published标记属性变化时通知视图刷新
class FileManagerViewModel: ObservableObject {
    @Published var directoryFiles: String = ""
    
    // 封装选择文件夹的逻辑
    func selectFolder() {
        directoryFiles = "Test"
    }
}

struct FileManagerView: View {
    // 监听视图模型的变化
    @ObservedObject var viewModel: FileManagerViewModel
    
    var body: some View {
        Button(action: {
            viewModel.selectFolder()
        }) {
            Text("Select Folder")
        }
    }
}

struct HomeContentView: View {
    // 创建视图模型实例，@StateObject保证其生命周期和视图一致
    @StateObject private var fileManagerVM = FileManagerViewModel()
    
    var body: some View {
        VStack {
            Text("Select a file directory to generate photo albums from.")
                .padding(5)
                .multilineTextAlignment(.center)
            
            // 直接读取视图模型的状态来判断显示内容
            if fileManagerVM.directoryFiles.isEmpty {
                FileManagerView(viewModel: fileManagerVM)
            } else if fileManagerVM.directoryFiles == "Test" {
                Text("Test is selected")
            } else {
                Text(fileManagerVM.directoryFiles)
            }
        }
    }
}

#Preview {
    HomeContentView()
}

关键修改点说明： #

• 视图模型：FileManagerViewModel继承ObservableObject，用@Published修饰directoryFiles，这样属性值变化时会自动通知所有监听它的视图刷新。
• 子视图：FileManagerView通过@ObservedObject接收视图模型，点击按钮时修改模型的状态，而不是自己的内部状态。
• 父视图：用@StateObject创建视图模型实例，直接根据模型的directoryFiles值来决定显示内容，模型状态变化时，父视图会自动重新计算body，实现动态更新。

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