.multilineTextAlignment的基本用法在 SwiftUI 中，.multilineTextAlignm

在 SwiftUI 中，.multilineTextAlignment(_:) 是一个修饰符（Modifier），用于 设置多行文本的对齐方式。它专门作用于 Text 视图，当文本内容换行时，控制每行文本在水平方向上的对齐方式（左对齐、居中或右对齐）。

1. 基本用法

语法

Text("多行文本内容")
    .multilineTextAlignment(.alignment) // 参数为 TextAlignment 枚举

对齐方式（`TextAlignment`）

枚举值	说明	效果示例
`.leading`	左对齐（默认）	`Hello` `World`
`.center`	居中对齐	`Hello` `World`
`.trailing`	右对齐	`Hello` `World`

2. 为什么需要这个修饰符？

默认情况下，SwiftUI 的 Text 多行文本是 左对齐（.leading），但某些场景下（如居中引用、右对齐数字）需要调整。
与 .frame() 的区别：
- .frame() 控制的是整个 Text 视图在其容器中的位置。
- .multilineTextAlignment() 控制的是文本内容内部的对齐方式。

3. 实际示例

示例 1：居中对齐多行文本

Text("这是多行文本\n用于演示对齐效果")
    .multilineTextAlignment(.center) // 居中对齐
    .frame(width: 200)
    .border(Color.gray)

效果：

  这是多行文本  
  用于演示对齐效果

示例 2：右对齐数字列表

Text("100\n50\n20")
    .multilineTextAlignment(.trailing) // 右对齐
    .frame(width: 100)
    .border(Color.gray)

效果：

  100
   50
   20

4. 与其他修饰符的配合

与 `lineLimit` 结合

限制行数并对齐：

Text("这是一段很长很长很长很长很长的文本，会被截断或换行。")
    .lineLimit(2) // 最多 2 行
    .multilineTextAlignment(.center)

与 `fixedSize` 结合

禁止文本换行时，.multilineTextAlignment 无效：

Text("单行文本")
    .fixedSize(horizontal: true, vertical: false) // 禁止横向换行
    .multilineTextAlignment(.center) // 不会生效

5. 注意事项

仅对多行文本有效
如果文本未换行（如单行），对齐效果不会显现。
受容器宽度影响
需要确保父视图（或 .frame(width:)）有足够宽度，否则文本可能无法换行。
国际化适配
- .leading / .trailing 会根据语言方向自动调整（左对齐在阿拉伯语中会变成右对齐）。
- 如果需要固定左右方向，用 .left / .right（但不推荐，除非明确需求）。

6. 完整代码示例

struct ContentView: View {
    var body: some View {
        VStack(spacing: 20) {
            // 左对齐（默认）
            Text("默认左对齐\n多行文本示例")
                .frame(width: 200)
                .border(Color.red)
            
            // 居中对齐
            Text("居中对齐\n多行文本示例")
                .multilineTextAlignment(.center)
                .frame(width: 200)
                .border(Color.green)
            
            // 右对齐
            Text("右对齐\n多行文本示例")
                .multilineTextAlignment(.trailing)
                .frame(width: 200)
                .border(Color.blue)
        }
    }
}

总结

场景	代码示例
左对齐	`.multilineTextAlignment(.leading)`
居中对齐	`.multilineTextAlignment(.center)`
右对齐	`.multilineTextAlignment(.trailing)`

适用场景：
✅ 多行文本排版（如段落、列表）
✅ 需要对齐数字或引用内容
✅ 适配不同语言方向（.leading / .trailing）

通过这个修饰符，可以轻松控制多行文本的视觉呈现！ 🎯

.multilineTextAlignment的基本用法