SwiftUI中实现最大宽度限制下可自适应收缩多行文本的方法

你碰到的是SwiftUI Text布局的经典矛盾场景：

• 加fixedSize(horizontal: true, vertical: false)：短文本能贴合内容宽度，但长文本不换行直接截断
• 移除fixedSize：长文本能正常换行，但短文本会强行撑满设置的最大宽度，不会收缩

最简实现（支持iOS 13+全版本，无冗余代码） #

核心逻辑是用本身不会主动拉伸的ZStack作为容器包裹Text，抵消Text默认的弹性拉伸特性，同时保留宽度上限约束和垂直方向内容适配：

// 可根据实际布局需求修改ZStack的alignment为.center/.trailing等
ZStack(alignment: .leading) {
    Text("你的文本内容，长短都适配")
        // 设置最大宽度阈值
        .frame(maxWidth: UIScreen.main.bounds.width * 0.6)
        // 仅固定垂直方向适配内容高度，水平方向遵守宽度约束
        .fixedSize(horizontal: false, vertical: true)
        .lineLimit(nil)
}
.border(Color.blue) // 加边框方便查看实际布局效果

效果说明 #

• 文本内容较短、宽度未触达最大阈值时：视图宽度自动收缩到和文本内容等宽，不会预留多余空白
• 文本内容过长、宽度超过最大阈值时：文本自动在最大宽度位置换行，多行完整展示，高度随内容自适应，不会出现截断

原有写法问题原因 #

• 原写法的fixedSize(horizontal: true, vertical: false)会强制水平方向完全匹配文本的单行理想宽度，直接无视maxWidth约束，长文本自然无法触发换行，超出部分被截断
• 直接移除fixedSize、不用容器包裹时，Text属于弹性拉伸视图，在父视图提供可用空间的前提下，会默认拉伸到maxWidth设定的上限，哪怕内容很短也不会主动收缩

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