SwiftUI文本无法横向占满空间问题求助

问题分析 #

当前代码通过嵌套HStack放置标签和样本条目，但每个样本对应的Text是独立元素，无法形成连续的可换行文本流，导致每个条目后自动换行。

解决方案 #

将所有样本条目拼接为单个带编号的字符串，配合对齐规则实现期望的换行效果：

HStack(alignment: .top) {
    Text("Sample Type :")
        .font(.system(size: 12))
        .padding(.leading, 18)
        .alignmentGuide(.leading) { $0[.leading] }
    
    Text(
        card.sampleType.enumerated().map { index, sample in
            "\(index + 1).\(sample.sampleName)"
        }.joined(separator: " ")
    )
    .font(.system(size: 12))
    .alignmentGuide(.leading) { _ in 0 }
}
.foregroundColor(.blue)

关键调整点 #

• 合并文本流：用enumerated()遍历数组生成带编号的字符串片段，再通过joined()拼接成完整文本，让Text组件自然处理换行逻辑。
• 对齐控制：通过alignmentGuide定义自定义对齐规则，确保多行文本的后续行与样本内容的起始位置对齐，而非标签左侧。

替代方案（保留独立Text元素） #

若需为每个样本条目单独设置样式（如不同颜色），可自定义WrapHStack组件实现自动换行的横向布局，核心思路是动态计算每行可容纳的元素并换行排列。

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