相对于另一个居中视图的位置视图

Question

你好SwiftUI社区，

我正在尝试做一些可能很容易做的事情，但是我已经坚持了几个小时。 在一个列表中，我想要包含以下内容的项目：

• 水平居中放置文本（数字）
• 数字左侧的文本
• 数字右侧的文本

我已经尝试了很多方法（路线，对位指南，GeometryReader ....），但是没有找到实现上述结果的方法。有谁能帮我一个例子？

谢谢??

Answer 1

这是可能的解决方案。经过Xcode 11.4 / iOS 13.4的测试

“列表行”视图

struct DemoCenteredNumberView: View {
    var value: Int
    var body: some View {
        HStack {
            Spacer().overlay(
                Text("Text on left side")
                    .frame(maxWidth: .infinity, alignment: .trailing)
            )
            Text("\(value)").padding()
            Spacer().overlay(
                Text("Text on right")
                    .frame(maxWidth: .infinity, alignment: .leading)
            )
        }
    }
}