SwiftUI - 如何在 VStack 中完美对齐具有不同字体大小的多个文本？

Question

我在 VStack 中有 2 个 Text 元素。它们被设置为不同的字体大小。

如何让 2 个 Text 元素的第一个字形完全左对齐？这可能吗？

下面是sn-p的代码：

extension Font {
    static let countDownTitle: Font = Font.system(size: 46, weight: .regular, design: .rounded).leading(.tight)
}

struct MyView: View {
    var body: some View {
        VStack(alignment: .leading) {
            Text("Hello!!")
            Text("20.49").font(.countDownTitle)
        }
     }
}

Answer 1

您在这里进行了一些人工测试。请记住，按比例字体中的每个字符占用不同的空间量会占用不同的空间量。当它们被布置时，它们被放置在由字体设计师而不是我们控制的空间中。你可以看到这是你循环通过不同的数字。 4几乎是正确的，但5是很远的。这是你控制它的能力所缺乏的东西之一。

虽然我完全不推荐这样做，但您可以使用等宽字体和.offset()：

extension Font {
    static let countDownTitle: Font = Font(UIFont.monospacedSystemFont(ofSize: 46, weight: .regular))
}

struct MyView: View {
    var body: some View {
        VStack(alignment: .leading) {
            Text("Hello!!")
            Text("50.49").font(.countDownTitle)
                .offset(x: -2.2, y: 0)
        }
     }
}

但是，这真的很丑。