Объединение двух текстовых представлений в контейнер 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)
        }
    }
}