如何在SwiftUI中将多个Text组件显示为连贯语句

方案一：拼接数组为单个字符串（无单独样式需求） #

如果不需要给数组里的每个字符串设置独立样式，直接把数组元素拼接成一个完整字符串，用单个Text组件显示即可，这样自然不会自动换行，完全连贯：

struct DisplayView: View {
    
    @State var stringList = [
        "Yes, it only returns the first occurrence. Therefore, to fulfill our purpose, ",
        "we need to construct a while loop to iterate all the occurrences of a given string within the receiver. A reference snippet will be like the following code block. ",
        "Note that an offset is also added to reduce the length of range in each iteration. So, actually, the position of each loop is basically based on the upper bound of the previous iteration"
    ]
    
    var body: some View {
        VStack {
            Text(stringList.joined())
        }
    }
}

方案二：用reduce动态拼接Text组件（支持单独样式） #

如果需要给数组中的每个字符串设置不同的样式（比如颜色、字体、字重），可以用reduce方法把数组中的Text组件逐个拼接起来，适配任意数量的元素：

struct DisplayView: View {
    
    @State var stringList = [
        "Yes, it only returns the first occurrence. Therefore, to fulfill our purpose, ",
        "we need to construct a while loop to iterate all the occurrences of a given string within the receiver. A reference snippet will be like the following code block. ",
        "Note that an offset is also added to reduce the length of range in each iteration. So, actually, the position of each loop is basically based on the upper bound of the previous iteration"
    ]
    
    var body: some View {
        VStack {
            // 用reduce累积拼接Text，支持给每个元素单独加样式
            stringList.reduce(Text("")) { result, str in
                result + Text(str)
                // 如果需要给特定字符串加样式，比如第一个设为红色：
                // result + (stringList.first == str ? Text(str).foregroundColor(.red) : Text(str))
            }
        }
    }
}

说明 #

• 方案一代码最简洁，适合所有字符串样式统一的场景；
• 方案二灵活度更高，能针对数组中不同的字符串设置独立样式，同时保证文本连贯显示，不受数组元素数量限制。

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