SwiftUI Widget中如何禁止Text组件每行文本自动换行

需求 #

需要在Widget的Text组件中展示一段包含多行的长字符串，要求：

• 严格保留原字符串的换行结构，每行文本不自动换行（超出Widget宽度的部分直接截断隐藏）
• 无法提前确定字符串的行数和每行的最大长度

现有问题 #

直接使用单个Text组件传入带\n的字符串时，超出Widget宽度的文本会自动换行，破坏原有格式：

Text("1foofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoo\n2foofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoo\n3foofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoo")

尝试过的无效方案 #

• 给Text添加lineLimit：该属性限制的是整个文本的总行数，无法控制每行不自动换行
• 将字符串拆分为多行Text组件：在Widget中会出现垂直重叠问题，且无法通过GeometryReader实现固定宽高裁剪，也无法提前确定Widget能容纳的行数
• 使用水平ScrollView：Widget不支持ScrollView组件

解决方案 #

通过给Text设置fixedSize(horizontal: true, vertical: false)，强制文本在水平方向不自动换行，同时配合clipped()截断超出Widget范围的内容。如果需要限制显示的总行数，可以在外层添加frame控制垂直空间。

代码示例 #

import SwiftUI
import WidgetKit

struct ExampleWidgetView: View {
    let longText = """
    1foofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoo
    2foofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoo
    3foofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoo
    4foofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoo
    5foofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoo
    """
    
    var body: some View {
        VStack(alignment: .leading, spacing: 3) {
            Text(longText)
                .fixedSize(horizontal: true, vertical: false) // 水平方向不自动换行，垂直方向随内容自适应
                .lineLimit(nil) // 不限制总行数（如需限制可设具体数值，比如5）
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
        .clipped() // 裁剪超出Widget范围的内容
    }
}

struct ExampleWidgetView_Previews: PreviewProvider {
    static var previews: some View {
        ExampleWidgetView()
            .containerBackground(.clear, for: .widget)
            .previewContext(WidgetPreviewContext(family: .systemMedium))
    }
}

说明 #

• fixedSize(horizontal: true, vertical: false)：强制文本在水平方向保持原始宽度，不自动换行；垂直方向则根据内容行数自适应高度
• clipped()：确保超出Widget边界的内容被截断隐藏，避免溢出
• 如果需要限制显示的总行数，只需将lineLimit(nil)改为具体数值（比如lineLimit(5)），这样超出的行会被截断

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