Swift中如何点击移除数组内任意图片？remove(at:0)仅按序删除无效

要实现点击任意元素删除对应的项，你需要根据当前点击的item找到它在数组中的位置，而非固定删除索引0的元素。具体实现如下：

修改核心逻辑 #

1. 定位元素索引：通过数组的firstIndex(where:)方法，利用item的唯一id匹配出它在数组中的位置。
2. 安全执行删除：先判断索引是否有效，再执行删除操作，避免数组越界报错。
3. 保证视图响应式：确保mediaItems.items是被@State、@Binding或@Published修饰的可变数组，这样删除操作才能触发SwiftUI视图自动更新。

修改后的完整代码 #

ForEach(mediaItems.items, id: \.id) { item in
    ZStack{
        HStack {
            if item.mediaType == .photo {
                Image(uiImage: item.photo ?? UIImage())
                    .resizable()
                    .frame(width: 112, height: 90)
                    .cornerRadius(13)
            } else if item.mediaType == .video {
                if let url = item.url {
                    VideoPlayer(player: AVPlayer(url: url))
                        .frame(minHeight: 200)
                } else { 
                    EmptyView() 
                }
            }
        }
        
        Image("Tracé 2424")
            .offset(x: 40, y: -30)
            .onTapGesture{
                // 根据item的id匹配对应索引
                if let index = mediaItems.items.firstIndex(where: { $0.id == item.id }) {
                    mediaItems.items.remove(at: index)
                }
            }
    }
}

补充说明 #

• 如果mediaItems是ObservableObject类，要确保items属性标记为@Published，保证数组变化时视图自动刷新：

  class MediaItems: ObservableObject {
      @Published var items: [MediaItem] = []
      // 其他逻辑
  }
  

• 若元素id不唯一，可改用遍历索引+元素的方式实现：

  ForEach(Array(mediaItems.items.enumerated()), id: \.element.id) { index, item in
      // 视图内容不变
      .onTapGesture{
          mediaItems.items.remove(at: index)
      }
  }
  

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