SwiftUI中如何在onAppear时强制更新视图？列表未更新问题

嘿，这个问题我太熟了！你遇到的是SwiftUI状态管理的典型坑——你的全局变量texts没被SwiftUI的视图更新系统盯上，所以哪怕你在onAppear里改了值，视图根本不知道要刷新～

问题根源 #

SwiftUI是状态驱动视图的框架，只有用它提供的状态包装器（比如@State、@Observable这些）标记的变量，修改时才会触发视图重绘。你现在用的是普通全局变量，改完之后视图毫无感知，自然不会更新列表内容。

快速解决方案：用@State管理内部状态 #

把全局变量移到ContentView内部，用@State包装起来就行，修改后SwiftUI会自动监听变化并刷新视图：

import SwiftUI

struct ContentView: View {
    // 用@State包装数组，让SwiftUI监听它的变化
    @State private var texts = ["0", "0", "0"]
    
    var body: some View {
        List {
            Text(texts[0])
            Text(texts[1])
            Text(texts[2])
        }
        .onAppear(){
            texts[0] = "1"
            print(texts)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

进阶方案：共享状态用@Observable（iOS 17+） #

如果这个数组需要在多个视图之间共享，那可以用@Observable定义一个模型类，这样所有依赖这个模型的视图都会同步更新：

import SwiftUI

// 定义可观察的模型，里面存需要共享的数组
@Observable
class TextModel {
    var texts = ["0", "0", "0"]
}

struct ContentView: View {
    // 创建模型实例，用@State管理
    @State private var model = TextModel()
    
    var body: some View {
        List {
            Text(model.texts[0])
            Text(model.texts[1])
            Text(model.texts[2])
        }
        .onAppear(){
            model.texts[0] = "1"
            print(model.texts)
        }
    }
}

核心要点 #

记住：SwiftUI不会自动监听普通变量的变化，必须用官方的状态包装器标记需要跟踪的状态，这样修改状态时视图才会跟着更新～

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