SwiftUI中如何在onAppear内用stride构建调用函数显示SFSymbols

首先纠正一个误区：onAppear 是用来处理视图出现时的逻辑事件（比如数据加载、状态更新）的，而显示SFSymbol属于视图内容，应该直接将其作为子视图叠加在Rectangle上，不需要通过onAppear调用函数来实现。

下面是实现代码，结合你提到的周期需求（用取模等价实现步长3的循环逻辑），让每个Rectangle按周期3循环显示指定的SFSymbol：

import SwiftUI

struct OnAppearModifierView: View { // 遵循Swift命名规范，结构体首字母大写
    
    @State var mytext: String = "Start"
    let symbols: [String] = ["globe", "heart.fill","house.fill"]
    
    // 根据索引返回对应周期的Symbol名称
    func symbolForIndex(_ index: Int) -> String {
        // 取模运算实现周期循环，等价于按步长3的分组逻辑
        let symbolIndex = index % symbols.count
        return symbols[symbolIndex]
    }
    
    // 若需用stride实现批量分组逻辑，可使用这个辅助函数
    func getSymbolBatch(for startIndex: Int) -> [String] {
        var batch = [String]()
        // 从起始索引开始，步长1取3个，超出总数则循环取
        for offset in 0..<3 {
            let index = (startIndex + offset) % symbols.count
            batch.append(symbols[index])
        }
        return batch
    }
    
    var body: some View {
        NavigationView {
            ScrollView {
                ForEach(0..<200) { index in // 保留索引，用来匹配对应Symbol
                    Rectangle()
                        .frame(width: 200, height: 200)
                        .padding()
                        .overlay(
                            // 在Rectangle上叠加对应的SFSymbol
                            Image(systemName: symbolForIndex(index))
                                .font(.largeTitle)
                                .foregroundColor(.white)
                        )
                        .onAppear {
                            // 若需在视图出现时执行额外逻辑，比如打印当前信息
                            let currentSymbol = symbolForIndex(index)
                            print("Rectangle \(index) 已显示，对应Symbol: \(currentSymbol)")
                            
                            // 每3个Rectangle为一组触发批量操作
                            if index % 3 == 0 {
                                let batch = getSymbolBatch(for: index)
                                print("当前组Symbol集合: \(batch)")
                            }
                        }
                }
            }
            .onAppear {
                mytext = "Fine"
            }
        }
    }
}

关键说明： #

• 命名规范：Swift中结构体、变量名遵循大驼峰/小驼峰规则，将onAppearmodifier改为OnAppearModifierView更符合规范。
• 周期显示逻辑：index % symbols.count是实现数组元素循环取用的简洁方式，完美匹配你需要的"周期3"效果。
• 视图叠加：用.overlay将Image放在Rectangle上方，是SwiftUI中添加子视图的标准方式，比在onAppear中操作更贴合框架设计。
• stride的场景适配：如果确实需要处理批量分组逻辑（比如每3个视图为一组执行操作），可以参考getSymbolBatch函数，结合index % 3 == 0触发批量处理。

额外建议： #

如果你的需求是每3个Rectangle为一组，分别显示3个不同的Symbol并重复循环，上述代码已完全实现。若需调整Symbol样式（大小、颜色等），直接修改Image的修饰符即可。

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