SwiftUI设置多行文本对齐方式的multilineTextAlignment

在 SwiftUI 中，multilineTextAlignment 修饰符用于设置多行文本的对齐方式。它可以用在支持多行文本的视图上，例如 Text、TextField 或 TextEditor。

常见用法

支持的对齐方式

.leading：左对齐

.center：居中对齐

.trailing：右对齐

示例代码

1、用于 Text 的多行对齐：

Text("This is a very long text that will wrap into multiple lines.")
    .multilineTextAlignment(.center)
    .padding()

2、用于 TextField 的对齐：

TextField 的默认对齐是单行右对齐，多行对齐不会影响输入框行为，除非在多行显示组件中使用（如自定义输入区域）。

3、用于 TextEditor：

TextEditor 是多行文本输入框，multilineTextAlignment 可以设置输入内容的对齐方式：

TextEditor(text: $text)
    .frame(height: 200)
    .border(Color.gray)
    .multilineTextAlignment(.leading)

注意事项

1、TextField 和对齐：

如果使用了 .multilineTextAlignment 修饰符，但 TextField 本身只显示一行，该修饰符可能会显得无效。

2、multilineTextAlignment 和容器宽度：

只有当文本超过容器宽度时换行时，才会看到对齐效果。

3、与 lineLimit 的配合：

如果设置了 .lineLimit(1)，multilineTextAlignment 不会生效。

如果需要多行对齐，请确保没有限制文本行数或将 .lineLimit 设置为较大的值。

完整示例

以下是一个综合使用 multilineTextAlignment 的示例：

struct MultilineTextAlignmentView: View {
    @State private var inputText: String = "Enter your text here..."
    
    var body: some View {
        VStack(alignment: .leading, spacing: 20) {
            // 用于展示多行文本的对齐方式
            Text("This is an example of multiline text alignment. This text will align to the center of its container.")
                .multilineTextAlignment(.center)
                .padding()
                .background(Color.yellow)
            
            // 用于多行文本输入框
            TextEditor(text: $inputText)
                .frame(height: 150)
                .border(Color.gray)
                .multilineTextAlignment(.leading)
        }
        .padding()
    }
}