SwiftUI中如何让HStack等分布局填充至View最边缘

现有代码无法达到预期效果的核心问题：

• HStack 初始化默认带有非0的元素间距，会挤占可用宽度
• 未显式处理元素内文本对齐，视觉上容易出现边缘留白

通用等宽铺满写法 #

给HStack显式设置spacing: 0清除默认间距，配合子元素的maxWidth: .infinity即可让所有元素等分宽度，整体撑满父视图水平空间：

var labelList = ["0", "6", "12", "6", "0"]
HStack(spacing: 0) {
    ForEach(labelList, id: \.self) { item in
        Text(item)
            .font(.system(size: 8))
            .frame(maxWidth: .infinity)
    }
}

坐标轴刻度场景适配（匹配参考效果） #

从需求场景看是坐标轴底部标签，需要首尾标签贴紧视图左右边缘、中间标签居中，只需要按位置调整文本对齐规则即可：

var labelList = ["0", "6", "12", "6", "0"]
HStack(spacing: 0) {
    ForEach(Array(labelList.enumerated()), id: \.element) { index, item in
        Text(item)
            .font(.system(size: 8))
            .frame(
                maxWidth: .infinity,
                alignment: index == 0 ? .leading : 
                           index == labelList.count - 1 ? .trailing : .center
            )
    }
}
.padding(.horizontal, 0)

注意：如果HStack的父视图设置了水平方向的padding，需要同步清零，否则会出现边缘留白。

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