统一大小的图像 ScrollView答案

【问题标题】：Images ScrollView of Uniform Size统一大小的图像 ScrollView
【发布时间】：2021-02-02 19:44:52
【问题描述】：

我正在使用 SwiftUI 构建一个集合视图。我已经能够得到我想要的布局，但是，我不能让所有图像都具有相同的高度（比如说 100 像素说话）。我如何使用contentAspectFill 将图像的大小调整为 100 像素高（我不在乎图像是否会被剪掉一点），但仍保持前导和尾随边界。

NewsList.swift

ScrollView {
    ForEach(newsArray, id:\.self) { article in
        Button(action: {
           //stuff here 
        }) {
           NewsCard(article: article)
        }
        .buttonStyle(PlainButtonStyle())
    }
    .padding(.horizontal)
}

NewsCard.swift

VStack(alignment: .leading) {
    WebImage(url: article.imageURL)
        .resizable()
        .indicator(.activity)
        .transition(.fade)
        .scaledToFill()
        .clipped()
        .cornerRadius(14.0, antialiased: true)
    Text(article.date.formatted)
        .font(.lightMedium)
    Text(article.title)
        .font(.regularLarge)
}
.padding(.top)

我将 SDWebImageUI 用于图像字段，但这无关紧要。从我的屏幕截图中可以看出，并非我的所有图像的高度都是统一的。

【问题讨论】：

标签： image swiftui scrollview height sdwebimage

【解决方案1】：

不确定我是否理解这里的问题，但请尝试以下操作

VStack(alignment: .leading) {
    WebImage(url: article.imageURL)
        .resizable()
        .frame(maxWidth: .infinity, maxHeight: _your_desired_height_here)  // << 
...

【讨论】：

成功了。谢谢！