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

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)
            )
        }
    }
}