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

Posted 2023-03-05

【中文标题】SwiftUI 与 maxWidth 的文本对齐不起作用

【英文标题】：SwiftUI Text alignment with maxWidth not working

【发布时间】：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 认为它已经左对齐了？

【参考方案1】：

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

解决办法

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