SwiftUI问题：切换视图时索引不更新，DetailView内容无变化

点击ContentView的列表项进入DetailView时，预期会调用ViewModel的selectTheme方法更新selectedIndex，从而让DetailView展示对应内容，但实际selectedIndex始终为0，DetailView一直显示相同文本。

相关代码 #

ContentView

struct ContentView: View {
    var vm:ViewModel
    var body: some View {
        NavigationView{
            List{
                ForEach(vm.sentences, id:\.self) { indexNumb in
                    NavigationLink(destination: DetailView(vm: vm).onAppear(perform: {
                        vm.selectTheme(sentence: indexNumb)
                        print(vm.groupedItems)
                        print("Array :\(vm.sylbArray)")
                        
                    })) {
                        Text(String(indexNumb))
                        
                    }
                }
                
            }
        }
    }
}

DetailView

struct DetailView: View {
    var vm:ViewModel
    
    var body: some View {
        
        ForEach(vm.groupedItems,id:\.self) { subItems in
            HStack{
                
                ForEach(subItems,id:\.self) { word in
                    
                    Button(action: {
                        print(vm.groupedItems)
                        print(vm.selectedIndex)
                        
                    }, label: {
                        Text(word)
                    })
                    
                }
            }
        }
    }
}

ViewModel

class ViewModel{
    
    @Published var sylbArray: [String] = []
    var groupedItems: [[String]] = []
    
    init() {
        appendArray(string: String(sentences[selectedIndex]))
        groupedItems = [sylbArray]
    }
    
    var sentences = [13,4]
    
    func appendArray(string: String) {
        sylbArray.append(string)
    }
    
//  remains  0 : why ? 
    var selectedIndex = 0
    
    func selectTheme(sentence: Int) {
        if let index = sentences.firstIndex(of: sentence) {
            selectedIndex = index
        }
    }
}

问题原因 #

1. 状态无法被SwiftUI感知：selectedIndex没有标记为@Published，即使调用selectTheme修改了它的值，SwiftUI也不会触发View的刷新，DetailView自然不会更新内容。
2. 数据未重新计算：groupedItems和sylbArray只在ViewModel初始化时赋值了一次，后续selectedIndex变化后没有重新生成这些数组，所以内容始终是初始状态。
3. 导航跳转的时机问题：SwiftUI会提前预加载NavigationLink的目标视图，导致onAppear可能在你点击列表项之前就已经执行，或者多次执行，状态更新的时机不符合预期。

修复方案 #

1. 修正ViewModel，让状态可被感知并自动更新数据

把selectedIndex改为@Published，并将groupedItems改为计算属性，或者在selectTheme里重新生成数据：

class ViewModel: ObservableObject { // 必须继承ObservableObject才能配合@Published使用
    @Published var selectedIndex = 0
    @Published var sylbArray: [String] = []
    
    // 用计算属性自动根据selectedIndex生成groupedItems
    var groupedItems: [[String]] {
        [sylbArray]
    }
    
    var sentences = [13,4]
    
    init() {
        updateSylbArray()
    }
    
    func updateSylbArray() {
        sylbArray.removeAll()
        appendArray(string: String(sentences[selectedIndex]))
    }
    
    func appendArray(string: String) {
        sylbArray.append(string)
    }
    
    func selectTheme(sentence: Int) {
        if let index = sentences.firstIndex(of: sentence) {
            selectedIndex = index
            updateSylbArray() // 更新索引后重新生成数据
        }
    }
}

2. 修正NavigationLink的状态更新时机

把onAppear移到DetailView内部，或者更推荐使用NavigationLink的tag+selection方式来控制跳转，确保状态在跳转时正确更新：

struct ContentView: View {
    @StateObject var vm = ViewModel() // 使用@StateObject持有ViewModel，确保实例唯一
    @State private var selectedSentence: Int?
    
    var body: some View {
        NavigationView{
            List{
                ForEach(vm.sentences, id:\.self) { indexNumb in
                    NavigationLink(
                        destination: DetailView(vm: vm),
                        tag: indexNumb,
                        selection: $selectedSentence
                    ) {
                        Text(String(indexNumb))
                    }
                }
            }
            .onChange(of: selectedSentence) { newValue in
                if let sentence = newValue {
                    vm.selectTheme(sentence: sentence)
                }
            }
        }
    }
}

3. DetailView无需额外修改，因为它会响应ViewModel的@Published属性变化自动刷新

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