问题描述
我遇到了一个问题,需要您的帮助。我正在开发一个应用程序来管理事件,当应用程序加载时,所有帖子都按预期显示,无论是否带有图像。如果我添加包含图像的新帖子,它会正确保存并返回滚动视图显示新帖子,如果我编辑任何具有图像的项目并在保存时保留图像或将图像添加到没有图像的帖子中在编辑之前保存得很好,帖子会立即显示到滚动视图中。 问题是,如果我尝试创建一个没有图像的新帖子,或者如果我编辑一个删除图像并保存的帖子,应用程序会由于解包选项而崩溃,但奇怪的是我正在将 nil 值检查到滚动视图的位置显示图像。
ScrollView {
VStack(spacing: 15){
ForEach(items,id: \.self) { item in
VStack(spacing: 15) {
if item.pic != nil {
ZStack(alignment: Alignment(horizontal: .trailing,vertical: .top)) {
Image(uiImage: UIImage(data: item.pic!)!)
.resizable()
.aspectRatio(contentMode: .fill)
.cornerRadius(15)
}
.padding()
.opacity(1)
}
有什么想法吗?非常感谢您的支持。
解决方法
这里有两个力展开。您对 != nil
的测试仅保护第一个;尝试访问 item.pic
数据。但是,如果将该数据转换为 UIImage
失败怎么办? - 可失败的初始化程序将返回 nil
,然后您将其强制解包 - 这将导致崩溃。
更安全的方法是避免所有强制展开。我会为您的模型添加一个计算属性:
extension Item {
var image: Image? {
guard let data = self.pic,let uiImage = UIImage(data: data) else {
return nil
}
return Image(uiImage: uiImage)
}
}
然后你可以说:
ScrollView {
VStack(spacing: 15){
ForEach(items,id: \.self) { item in
VStack(spacing: 15) {
if let image = item.image {
ZStack(alignment: Alignment(horizontal: .trailing,vertical: .top)) {
image
.resizable()
.aspectRatio(contentMode: .fill)
.cornerRadius(15)
}
.padding()
.opacity(1)
}
}
}
}
}
您还可以将整个 ZStack
封装在 View
子类中以进一步简化事情
您可以返回一个占位符图像,而不是返回可选的 Image
;这取决于你。