在 HStack 容器中连接两个文本视图？

Question

我想知道是否有人可以为我指明正确的方向，让两个文本项目并排放置而不留下白色间隙（见下图）。有很多间距、边框和对齐方式，但玩了 30 分钟后，我似乎没有更接近。

我使用的代码如下：

struct TestView: View {
    var body: some View {
        VStack {
            HStack() {
                Text("SHOT").background(Color.red)
                Text("GUN").background(Color.blue)
            }
            Text("SHOTGUN").background(Color.green)
        }
    }
}

Answer 1

尝试

struct ContentView: View {
    var body: some View {
        VStack {
            HStack(spacing: 0) {
                Text("SHOT").background(Color.red)
                Text("GUN").background(Color.blue)
            }
            Text("SHOTGUN").background(Color.green)
        }
    }
}

在 HStack 容器中连接两个文本视图？

Concatenating two Text Views within an HStack container?

swiftui

hstack