SwiftUI中避免字体放大时Text视图换行（动态类型/无障碍适配）

针对超大字号下文本被拆分的问题，核心是调整文本的布局容器，确保需要单行显示的文本拥有足够水平空间，同时让不同文本块垂直分行。结合你已有的@ScaledMetric图片缩放逻辑，就能实现整体优雅适配。

关键调整思路 #

把需要分行的两个Text放入VStack中，同时给每个Text设置水平方向的固定尺寸，避免系统在空间不足时拆分文本内容。

示例代码 #

import SwiftUI

struct ScaledContentView: View {
    // 用@ScaledMetric实现图片动态缩放
    @ScaledMetric private var imageSize: CGFloat = 24
    
    var body: some View {
        HStack(spacing: 12) {
            // 三个Image视图，利用@ScaledMetric动态调整尺寸
            Image(systemName: "thermometer.sun")
                .resizable()
                .scaledToFit()
                .frame(width: imageSize, height: imageSize)
            
            Image(systemName: "wind")
                .resizable()
                .scaledToFit()
                .frame(width: imageSize, height: imageSize)
            
            Image(systemName: "humidity")
                .resizable()
                .scaledToFit()
                .frame(width: imageSize, height: imageSize)
            
            // 用VStack包裹两个Text，实现"19.5"单行、"20"另起一行
            VStack(alignment: .leading, spacing: 6) {
                Text("19.5")
                    .lineLimit(1)
                    .fixedSize(horizontal: true, vertical: false) // 水平方向固定尺寸，禁止拆分换行
                Text("20")
                    .lineLimit(1)
                    .fixedSize(horizontal: true, vertical: false)
            }
        }
        .padding()
        // 可选：限制动态字体缩放范围，避免极端字号下布局崩溃
        .dynamicTypeSize(.small ... .accessibility2)
    }
}

为什么之前的设置无效？ #

之前直接将Text放在HStack中时，超大字号导致水平空间不足，SwiftUI会优先压缩文本水平空间，甚至拆分文本换行——即便设置了lineLimit(1)，也会因HStack的布局优先级而失效。将Text放入VStack后，每个Text的水平空间被fixedSize(horizontal: true)锁定，确保文本始终完整显示为一行，同时VStack让两个文本块垂直排列，满足分行需求。

额外优化建议 #

• 调整HStack和VStack的spacing值，根据字体缩放后的实际效果适配间距
• 如果需要支持极端大字号，可以给VStack添加.minimumScaleFactor(0.8)作为 fallback，避免文本溢出容器

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