SwiftUI：如何让文本优先缩至最小比例再换行？

安全阿岳

2026-6-19

解决方案

问题出在ViewThatFits对第一个单行文本的判断逻辑上：默认情况下，单行Text会优先扩展自身宽度来容纳内容，而非先触发缩放，导致ViewThatFits误判单行文本无法适配父视图宽度，直接切换到多行视图。

要实现「先缩放至最小比例，超出再换行」的逻辑，需要强制单行文本在父视图的宽度约束内尝试缩放，修改后的代码如下：

struct AdaptiveText: View {
    
    var text: String
    let fontType: Font
    let fontWeight: Font.Weight

    var body: some View {
        ViewThatFits {
            // 强制单行文本在父视图宽度内缩放
            Text(text)
                .font(fontType)
                .fontWeight(fontWeight)
                .multilineTextAlignment(.trailing)
                .lineLimit(1)
                .minimumScaleFactor(0.7)
                .frame(maxWidth: .infinity) // 关键：限制文本宽度不超过父视图
                .fixedSize(horizontal: false, vertical: true) // 禁止水平方向自动扩展
            
            // 缩放后仍超出时显示多行
            Text(text)
                .font(fontType)
                .fontWeight(fontWeight)
                .multilineTextAlignment(.trailing)
                .minimumScaleFactor(0.7)
        }
    }
}

#Preview {
    AdaptiveText(text: "Hi, this is quite a big sentence I guess", fontType: .title, fontWeight: .medium)
        .border(.blue)
        .background(.red)
        .frame(maxWidth: .infinity, minHeight: 85)
        .border(Color.red)
        .padding()
        .border(Color.red)
}