在 ForEach 循环中删除图像

如何解决在 ForEach 循环中删除图像

我有从媒体库中选择图像的数组。我需要通过单击按钮删除选定的图像。

ScrollView(.horizontal) {
    HStack(spacing: 5) {
        ForEach(self.selectedMedia,id:\.self) { index in
            ZStack {
                Image(uiImage: index.image)
                    .resizable()
                    .scaledToFit()
                    .frame(width: UIScreen.main.bounds.width * 0.5)
                Button(action: {
                    removeItem(at: index)
                },label: {
                    Image(systemName: "trash")
                        .padding(5)
                        .foregroundColor(Color.red)
                        .background(Color.white)
                })
            }
        }
    }
}

func removeItem(at index: Int) {
    self.selectedMedia.remove(at: index)
}

但是不能构建项目，因为有一个错误：

Cannot convert value of type 'SelectedMedia' to expected argument type 'Int'

SelectedMedia：

struct SelectedMedia: Hashable {
    var asset: PHAsset
    var image: UIImage
}

如果我在数组 print(index) 中打印当前元素，将进入控制台：

SelectedMedia(asset: <PHAsset: 0x149313570> ED7AC36B-A150-4C38-BB8C-B6D696F4F2ED/L0/001 mediaType=1/0,sourceType=1,(3000x2002),creationDate=2012-08-08 21:55:30 +0000,location=1,hidden=0,favorite=0,adjusted=0,image: <UIImage:0x6000004c4360 anonymous {3000,2002}>)

如何修复错误和删除图片？

解决方法

您可以通过多种方式使用它。

方法一：使用indices，然后从索引中获取一个对象。

ForEach(selectedMedia.indices,id:\.self) { index in // <-- Here
    let obj = selectedMedia[index] // <-- Here
    ZStack {
        Image(uiImage: obj.image) // <-- Here
            .resizable()
            .scaledToFit()
            .frame(width: UIScreen.main.bounds.width * 0.5)
        Button(action: {
            removeItem(at: index) // <-- Here
        },label: {
            Image(systemName: "trash")
                .padding(5)
                .foregroundColor(Color.red)
                .background(Color.white)
        })
    }
}

方法 2：使用 enumerated() 它将为您提供项目对象和偏移量。

ForEach(Array(selectedMedia.enumerated()),id:\.offset) { index,obj in // <-- Here
    ZStack {
        Image(uiImage: obj.image) // <-- Here
            .resizable()
            .scaledToFit()
            .frame(width: UIScreen.main.bounds.width * 0.5)
        Button(action: {
            removeItem(at: index) // <-- Here
        },label: {
            Image(systemName: "trash")
                .padding(5)
                .foregroundColor(Color.red)
                .background(Color.white)
        })
    }
}

方法三：通过对象从数组中查找索引

struct SelectedMedia: Identifiable {
    var id = UUID()
    var asset: PHAsset
    var image: UIImage
}

ForEach(self.selectedMedia,id:\.id) { object in // <-- Here
    ZStack {
        Image(uiImage: object.image) // <-- Here
            .resizable()
            .scaledToFit()
            .frame(width: UIScreen.main.bounds.width * 0.5)
        Button(action: {
            if let index = self.selectedMedia.firstIndex(where: {$0.id == object.id}) { // <-- Here
                removeItem(at: index) // <-- Here
            }
        },label: {
            Image(systemName: "trash")
                .padding(5)
                .foregroundColor(Color.red)
                .background(Color.white)
        })
    }
}