Kingfisher占位符适配问题：图标居中及尺寸匹配需求

直接上可行的代码方案，完全匹配你的需求：

KFImage(URL(string: "你的图片链接"))
    // 核心是占位符的布局设置
    .placeholder {
        // 外层容器填满KFImage的可用宽度，确保图标居中
        HStack {
            Image(systemName: "photo")
                .resizable() // 必须添加，否则图标会保持原始尺寸，看起来过小
                .scaledToFit() // 按比例缩放，避免图标拉伸变形
                .frame(width: 80) // 固定图标宽度，高度自动按比例计算
        }
        .frame(maxWidth: .infinity) // 让占位符容器和实际图片的容器宽度一致
        .background(Color.gray.opacity(0.1)) // 可选，方便直观查看占位区域范围
    }
    // 保留你原本的图片显示逻辑
    .resizable()
    .scaledToFit()

你之前没达到预期的原因大概率是这几点：

• 没给占位符里的Image添加resizable()，导致图标只能显示原始大小，视觉上显得过小
• 错误地给外层容器设置固定width:80，而非让外层填满KFImage的宽度再居中图标，导致占位区域和实际图片容器尺寸不匹配
• 没加scaledToFit()，图标可能被拉伸变形或者显示不全

如果不需要外层背景，也可以简化成更紧凑的写法：

KFImage(URL(string: "你的图片链接"))
    .placeholder {
        Image(systemName: "photo")
            .resizable()
            .scaledToFit()
            .frame(width: 80)
            .frame(maxWidth: .infinity, alignment: .center) // 一步到位，填满宽度并居中图标
    }
    .resizable()
    .scaledToFit()

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