SwiftUI Feed帖子图片显示样式固定问题求助

你的问题核心是当前代码中同时使用了.aspectRatio(contentMode: .fit)和.scaledToFill()，这两个修饰符行为冲突，导致不同比例的图片无法保持统一显示效果。要实现无论图片尺寸、比例如何都居中填充并保持固定高度的效果，可按以下方式修改代码：

struct FeedPostView: View {
    let post: Post
    
    var body: some View {
        ZStack {
            Image(post.images[0])
                .resizable()
                .scaledToFill() // 让图片按比例填充容器空间
                .frame(maxWidth: .infinity, maxHeight: 450) // 固定容器高度，宽度自适应父视图
                .clipped() // 裁剪超出容器的图片部分
        }
        .frame(maxWidth: .infinity, maxHeight: 450)
        .clipShape(RoundedRectangle(cornerRadius: 15.0))
        .overlay(PostHeaderView(post: post), alignment: .top)
        .overlay(PostCaptionView(post: post), alignment: .bottom)
        .padding([.leading, .trailing])
        .padding(.bottom, 15)
    }
}

关键修改说明： #

• 移除冲突的.aspectRatio(contentMode: .fit)，仅保留.scaledToFill()，确保图片始终按比例填充整个容器
• 给图片添加.frame(maxWidth: .infinity, maxHeight: 450)和.clipped()，将图片限制在固定高度内，超出部分自动裁剪，同时保持图片居中显示
• 外层.frame保持不变，确保整个帖子项的布局稳定性

修改后，无论图片是横向、纵向还是任意比例，都会居中填充到450高度的容器内，超出部分被裁剪，所有Feed帖子的显示样式将保持统一。

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