SwiftUI中类似CSS Flexbox的自适应动态布局官方实现咨询

兄弟，你绝对不是在做梦！Apple确实推出了能实现这种类似Flexbox流式布局的官方方案，而且是近几年才引入的，完全不用自己折腾复杂的自定义布局！

针对iOS 17+的极简实现 #

如果你是在iOS 17及以上版本开发，那直接用HStack的新特性就可以搞定——现在HStack支持自动换行逻辑，只要你的内容没有被强制固定宽度，它会自动根据可用空间智能调整：

HStack(spacing: 12) {
    Text("短文本")
    Text("稍微长一点的文本内容")
    Text("超级长的文本内容，用来测试当宽度不够时会不会自动换行")
    Text("另一项")
}
.frame(maxWidth: .infinity, alignment: .leading)

当屏幕宽度足够时，所有内容会横向整齐排列；一旦宽度不足，超出的内容会自动换行到下一行，完美贴合你要的“能横则横，不够就折行”的需求。

兼容iOS 16及以下的方案 #

如果需要兼容更早的系统版本，那可以用LazyHGrid配合自适应列来实现类似效果，代码示例如下：

// 定义自适应列，最小宽度可以根据你的实际需求调整
let adaptiveColumns = [GridItem(.adaptive(minimum: 120), spacing: 12)]

LazyHGrid(columns: adaptiveColumns, spacing: 12) {
    Text("短文本")
    Text("稍微长一点的文本内容")
    Text("超级长的文本内容，用来测试当宽度不够时会不会自动换行")
    Text("另一项")
}
.frame(maxWidth: .infinity, alignment: .leading)

这里的.adaptive(minimum: 120)会让系统自动根据可用宽度创建足够多的列，每列至少保持120pt的宽度，当剩余宽度不足以容纳新的一列时，就会把后续内容放到下一行，效果和Flexbox的flex-wrap: wrap几乎一致。

另外补充一句：你之前隐约记得的应该是Apple在WWDC22推出的自定义布局API（Layout协议），这个API允许开发者完全自定义布局逻辑，包括实现流式布局，但既然你想避免自定义布局，上面这两种官方内置方案就完全够用啦。

备注：内容来源于stack exchange，提问作者Kngw Kngw