SwiftUI视图与初始化器同步问题：初始化后数组为空

问题根源 #

你直接在初始化器里修改@State修饰的indicesThemes是无效的——@State变量的存储由SwiftUI托管，初始化阶段直接调用append或赋值，SwiftUI不会识别这些修改，最终导致数组保持初始空状态。

修正后的代码 #

struct SwipeView: View {
    
    let swipeStackThemes: [ThemedlistStock] // 输入数据无需@State，改为let
    @State private var indicesThemes: [ThemedlistStock] = []
    
    let max: Int
    let block = 3
    
    init(data: [ThemedlistStock]) {
        self.swipeStackThemes = data
        self.max = data.count
        // 正确初始化@State变量：取前block个元素，自动处理数组长度不足的情况
        let initialElements = Array(data.prefix(block))
        self._indicesThemes = State(initialValue: initialElements)
        
        print("----indicesThemes Count------")
        print(initialElements.count) // 现在会正确输出初始数量
    }

    var body: some View {
        VStack{
            ZStack(alignment: .top){
                ForEach(indicesThemes, id: \.self) { theme in
                    Text(theme.name)
                }
             }
            // 可选：添加加载更多的按钮，实现懒加载逻辑
            Button("加载更多") {
                guard indicesThemes.count < swipeStackThemes.count else { return }
                let nextStart = indicesThemes.count
                let nextEnd = min(nextStart + block, swipeStackThemes.count)
                indicesThemes.append(contentsOf: swipeStackThemes[nextStart..<nextEnd])
            }
        }
    }
}

关键修改说明 #

1. 移除不必要的@State：swipeStackThemes是初始化时传入的输入数据，不需要SwiftUI管理其状态，改为let更安全高效。
2. 正确初始化@State变量：通过self._indicesThemes = State(initialValue: ...)直接操作底层存储，确保初始值被SwiftUI正确识别。
3. 简化元素截取逻辑：用data.prefix(block)替代while循环，自动处理数组长度小于block的场景，避免越界崩溃。
4. 补充懒加载触发逻辑：添加按钮实现分批加载，当用户触发时再加载下一批元素，符合你最初的懒加载需求。

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