HStack内视图流体宽度计算疑问：为何无法按Section.width-Image.width分配

要实现绿色视图宽度为Section流体宽度减去固定宽度Image的效果，可通过以下代码调整：

HStack {
    // 绿色视图：自动占据剩余全部宽度
    Color.green
        .frame(maxWidth: .infinity)
    // 固定宽度的图片视图
    Image(systemName: "photo")
        .frame(width: 50, height: 50)
        .background(Color.blue)
}
.frame(maxWidth: .infinity) // 让HStack适配父容器（Section）的流体宽度

关键说明： #

• 给需要占满剩余空间的视图（绿色视图）添加 frame(maxWidth: .infinity)，使其在HStack中自动填充剩余可用宽度
• 给Image设置固定的width参数，确保其宽度保持不变
• 外层HStack设置frame(maxWidth: .infinity)，保证它能适配Section的流体宽度

如果你的绿色视图是自定义View，只需给该自定义View添加frame(maxWidth: .infinity)即可达到同样效果。

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