SwiftUI中如何实现单行文本自动缩放且可滑动查看完整内容

问题根源 #

1. minimumScaleFactor 不生效：横向ScrollView未给Text设置宽度约束，Text拥有无限宽度空间，无需缩放即可完整布局（仅超出屏幕范围），因此缩放逻辑未触发。
2. 文本截断：无明确宽度约束导致Text布局逻辑异常，无法正确响应滚动显示全部内容。

解决方案 #

通过GeometryReader获取ScrollView的可视宽度，为Text添加宽度约束，让文本先尝试自动缩放到指定比例，若缩放后仍超出宽度，横向ScrollView即可滑动显示完整内容。

修改后代码 #

import SwiftUI

struct ContentView: View {
    @State private var text = "In the scrollview of SwiftUI, I have a very long string, which is limited to one line, and automatically scaled to the specified ratio, and can slide to display the full content without being truncated"

    var body: some View {
        VStack {
            ScrollView(.horizontal) {
                GeometryReader { proxy in
                    Text(text)
                        .font(.system(size: 80))
                        .lineLimit(1)
                        .minimumScaleFactor(0.3)
                        .allowsTightening(true)
                        .frame(width: proxy.size.width)
                }
            }
            .frame(height: 100) // 固定ScrollView高度，避免布局波动
            Text("this is another text")
        }
    }
}

关键修改说明 #

• GeometryReader：获取父容器（ScrollView）的可用宽度，为Text提供明确的布局边界。
• frame(width: proxy.size.width)：将Text的最大宽度限制在ScrollView可视范围内，触发自动缩放逻辑。
• allowsTightening(true)：允许压缩字符间距，配合缩放优化文本适配效果。
• ScrollView固定高度：防止文本缩放导致ScrollView高度变化，保证整体布局稳定。

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