SwiftUI 与 maxWidth 的文本对齐不起作用答案

【问题标题】：SwiftUI Text alignment with maxWidth not workingSwiftUI 与 maxWidth 的文本对齐不起作用
【发布时间】：2020-10-25 05:37:48
【问题描述】：

我有以下代码：

struct ContentView: View {
    var body: some View {
        Text("Test")
            .foregroundColor(.white)
            .font(.subheadline)
            .frame(maxWidth: .infinity)
            .alignmentGuide(.leading) { d in d[.leading] }
            .background(Color(.blue))
    }
}

但正如您在下图中看到的那样，它没有左对齐文本。有谁知道为什么会这样？也许是因为我使用了 maxWidth，所以 alignmentGuide 认为它已经左对齐了？

【问题讨论】：

标签： swift text swiftui alignment

【解决方案1】：

因为alignmentGuide 在容器中与其他子视图有效果。在这种情况下，您需要在自己的框架内对齐Text。

解决办法

Text("Test")
    .foregroundColor(.white)
    .font(.subheadline)
    .frame(maxWidth: .infinity, alignment: .leading)   // << here !!
    .background(Color(.blue))

【讨论】：