SwiftUI中如何移除Text组件行限制后的末尾省略号

当你在SwiftUI中给Text设置lineLimit(3)时，默认会在截断行末尾显示省略号，但如果只想保留前三行内容、不显示省略号，可以用以下两种方法解决：

方法一：手动截取文本内容 #

直接将原始文本按换行符分割，取前3行再拼接，简单直接，适合文本内容可控的场景：

let originalText = """
a 
b 
c 
d 
e
"""
// 分割为行数组，取前3行后重新拼接
let truncatedText = originalText.components(separatedBy: .newlines).prefix(3).joined(separator: "\n")

Text(truncatedText)

方法二：封装UIKit的UILabel实现裁剪 #

SwiftUI的Text暂无直接关闭省略号的API，可通过UIViewRepresentable桥接UILabel，利用其lineBreakMode设置为裁剪模式：

struct ClippedText: UIViewRepresentable {
    let text: String
    let lineLimit: Int
    
    func makeUIView(context: Context) -> UILabel {
        let label = UILabel()
        label.numberOfLines = lineLimit
        label.lineBreakMode = .byClipping // 核心：只裁剪多余内容，不显示省略号
        label.text = text
        // 可根据需求添加字体、颜色等样式设置
        return label
    }
    
    func updateUIView(_ uiView: UILabel, context: Context) {
        uiView.text = text
        uiView.numberOfLines = lineLimit
    }
}

// 使用示例
ClippedText(text: """
a 
b 
c 
d 
e
""", lineLimit: 3)

两种方法对比：

• 方法一适合静态文本，代码量少，处理效率高；
• 方法二更适配动态文本场景，能保留UILabel的排版特性，可灵活扩展样式。

内容的提问来源于stack exchange，提问作者Md. Ashikur Rahman