swiftui - 相对于另一个居中 View 定位 View

Question

你好 SwiftUI 社区，

我正在尝试做一些可能很容易做到的事情，但从几个小时以来我就一直坚持下去。在列表中，我希望包含以下项目:

• 水平居中的文本(数字)
• 数字左侧的文字
• 数字右侧的文字

我尝试了很多东西(对齐、对齐指南、GeometryReader....)，但没有找到实现上述结果的方法。有没有人可以帮助我的例子？

谢谢🙏🏻

Answer 1

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

列表行的 View

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