SwiftUi：如何減少框架和文本之間的空間？

Question

我嘗試在SwiftUI為 iOS 創建一個 View ，其中矩形作為 Stacks 周圍的框架，但我無法減少Text和HStack框架之間的空間。

所以詳細地說：我使用了一個VStack有多個HStacks 。 當我嘗試減少 2 HStacks之間的空間時會出現問題。

在下面的代碼片段中，第一個Text “標題”位於一個帶有Spacer的HStack ，然后是另一個帶有 2 個Text元素的HStack 。

我想在矩形正上方有第一個Text “標題”。 沒有像我現在這樣的大空間。

有什么建議？ 非常感謝。

代碼：

var body: some View {   

     VStack() {
         HStack() {
             Text("Title")
                 .font(Font.body)
                 .cornerRadius(ViewConstants.CORNERRADIUS)
                 .padding()
                 .foregroundColor(Colours.BLUE)
             Spacer()
         } 
         HStack(alignment: .firstTextBaseline) {
             Spacer()
             Text("SomeTextText")
                 .font(Font.bold(.body)())
                 .cornerRadius(ViewConstants.CORNERRADIUS)
                 .padding()
                 .foregroundColor(Color.gray)
                 .clipped()
             Text("xx,00")
                 .font(Font.body)
                 .cornerRadius(ViewConstants.CORNERRADIUS)
                 .padding()
                 .foregroundColor(Color.gray)
             Spacer()
         } // HStack
             .overlay(
                 RoundedRectangle(cornerRadius: ViewConstants.CORNERRADIUS)
                     .stroke(Colours.BLUE, lineWidth: 1)
                 )   .padding(.init(top: 0, leading: 3, bottom: 0, trailing: 3))
...

Answer 1

我想在矩形正上方顯示第一個文本“標題”。 沒有像我現在這樣的大空間。

我認為這是預期的

Text("Title")
    .font(Font.body)
    .cornerRadius(ViewConstants.CORNERRADIUS)
    .padding(.horizontal) // << only horizontal padding