首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在SwiftUI中允许ForEach布局项显示来自数组的重复项?

在SwiftUI中,ForEach 视图通常用于遍历一个集合(如数组)并为每个元素生成一个视图。默认情况下,ForEach 会假设集合中的每个元素都是唯一的,并且不会显示重复项。但是,如果你希望允许 ForEach 显示来自数组的重复项,可以通过自定义标识符来实现。

以下是一个示例代码,展示了如何在 SwiftUI 中允许 ForEach 显示来自数组的重复项:

代码语言:txt
复制
import SwiftUI

struct ContentView: View {
    let items = ["Apple", "Banana", "Apple", "Orange", "Banana"]
    
    var body: some View {
        VStack {
            ForEach(items.indices, id: \.self) { index in
                Text(items[index])
                    .padding()
                    .background(Color.gray.opacity(0.2))
                    .cornerRadius(8)
            }
        }
    }
}

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

在这个示例中,我们使用了 items.indices 来遍历数组的索引,而不是直接遍历数组元素。通过这种方式,我们可以避免 ForEach 对元素的唯一性检查。

解释

  1. 数组定义
  2. 数组定义
  3. 这里定义了一个包含重复项的数组。
  4. ForEach 遍历
  5. ForEach 遍历
    • items.indices:遍历数组的索引。
    • id: \.self:使用索引作为标识符,这样 ForEach 就不会对元素的唯一性进行检查。

应用场景

这种技术适用于需要显示重复项的场景,例如:

  • 显示用户列表,其中可能有重名的用户。
  • 显示商品列表,其中某些商品可能有多个相同的条目。

参考链接

通过这种方式,你可以灵活地控制 ForEach 的行为,使其能够显示数组中的重复项。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的视频

领券