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

Question

你好 SwiftUI 社区，

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

水平居中的文本（数字）
号码左边有文字
号码右边的文字

我已经尝试了很多东西（对齐、aligmentguides、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)
            )
        }
    }
}

backup

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

Position view relative to a another centered view

swiftui

swiftui-list