SwiftUI中@StateObject随CarouselView初始化参数更新的方案

方案一：用@ObservedObject传递Model，父视图控制实例化 #

@StateObject只会在视图首次初始化时创建实例，后续视图刷新不会重新初始化。把Model的创建权交给父视图，当图片集变化时，父视图重新创建CarouselModel并传递给子视图，子视图用@ObservedObject接收：

// 父视图
struct ContainerView: View {
    @State private var currentImageSet: [String] = ["pic1", "pic2"]
    
    var body: some View {
        VStack {
            Button("切换图片集") {
                currentImageSet = currentImageSet.count == 2 ? ["pic3", "pic4", "pic5"] : ["pic1", "pic2"]
            }
            // 每次图片集变化，重新创建Model并传入
            CarouselView(images: currentImageSet, model: CarouselModel(imageCount: currentImageSet.count))
        }
    }
}

// 子视图
struct CarouselView: View {
    let images: [String]
    @ObservedObject var model: CarouselModel
    
    init(images: [String], model: CarouselModel) {
        self.images = images
        self.model = model
    }
    
    var body: some View {
        // 轮播视图内容，使用model的状态
    }
}

这种方式每次图片集切换，Model都会被全新初始化，内部状态（比如当前索引、滚动位置）都会重置，适合需要完全刷新轮播状态的场景。

方案二：给Model添加更新方法，用.onChange监听参数变化 #

如果希望保留CarouselModel的实例（比如维持滚动动画的连贯性），给Model添加一个更新内部状态的方法，然后在CarouselView中用.onChange监听图片集的变化，调用该方法更新Model：

// CarouselModel添加更新方法
class CarouselModel: ObservableObject {
    @Published var imageCount = 0
    @Published var currentIndex = 0
    
    func update(with newImageCount: Int) {
        imageCount = newImageCount
        // 处理索引越界问题：如果当前索引大于新的图片总数，重置为0
        if currentIndex >= newImageCount && newImageCount > 0 {
            currentIndex = 0
        }
        // 其他需要更新的状态也在这里处理
    }
}

// CarouselView实现
struct CarouselView: View {
    let images: [String]
    @StateObject private var model = CarouselModel()
    
    init(images: [String]) {
        self.images = images
    }
    
    var body: some View {
        TabView(selection: $model.currentIndex) {
            ForEach(images.indices, id: \.self) { index in
                Image(images[index])
                    .resizable()
                    .scaledToFit()
            }
        }
        .tabViewStyle(.page)
        // 监听图片数量变化，更新Model
        .onChange(of: images.count) { newCount in
            model.update(with: newCount)
        }
        // 首次加载时初始化Model
        .onAppear {
            model.update(with: images.count)
        }
    }
}

这种方式会保留Model的实例，只更新必要的状态，适合需要维持部分状态（比如滚动动画、过渡效果）的场景。

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