SwiftUI中遵循Identifiable协议的ForEach如何仅选取前5项展示

崩溃原因 #

• 你使用\.topIntros作为ForEach的唯一标识是错误的：该属性为可选类型，且多条数据可能存在重复值/空值，ForEach要求绑定的id必须全局唯一，标识重复会触发渲染时的索引冲突，导致崩溃。
• 该修改和你「仅展示前5项」的需求没有关联，属于错误的实现方向。

正确解决方案 #

你的Introductions结构体已经遵守Identifiable协议，自带唯一id属性，无需额外指定id参数，直接对数据源切片即可：

方案1：使用prefix()方法（推荐） #

直接调用数组的prefix()方法取前N项，数组长度不足5时会自动返回全部元素，不会触发越界：

ForEach(introductions.prefix(5)) { introduction in
   NavigationLink(destination: IntroductionDetailView(introduction: introduction)) {
      IntroductionsView(introduction: introduction)
   }
}

方案2：范围遍历（需要用到索引时使用） #

如果你的业务逻辑需要用到元素的索引位置，可以用范围遍历，注意要添加数组长度判断避免越界：

ForEach(0..<min(5, introductions.count), id: \.self) { index in
   let introduction = introductions[index]
   NavigationLink(destination: IntroductionDetailView(introduction: introduction)) {
      IntroductionsView(introduction: introduction)
   }
}

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