Swift IOS 应用程序中的 UI 元素彼此之间没有任何距离

Question

In my Swift UI app, there are these large spacings between elements in the app and I can't seem to get them to be closer after the newest X-code release.

Here is what the broken look is...

Here is what it looked like before...

Here is the code for the first 4 buttons:

HStack {
                Text("Toggle between colors")
                    .padding(.horizontal)
                Spacer()
                Button(action: {
                    colorToggleLogic()
                }, label: {
                    Text("Color")
                        .frame(minWidth: 0, maxWidth: 75)
                        .padding(5)
                        .background(LinearGradient(gradient: Gradient(colors: [Color.blue, Color.gray]), startPoint: .leading, endPoint: .trailing))
                        .background(Color.blue)
                        .cornerRadius(5)
                        .foregroundColor(.black)
                }).offset(x: -5, y: 0)
            }.foregroundColor(.black)
            
            
            
            // zero toggle button
            HStack {
                Text("Enable/Disable Zeros in division")
                    .padding(.horizontal)
                Spacer()
                Button(action: {
                    if viewModel.zeroToggle == false {
                        viewModel.zeroToggle = true
                        zeroToggleName = "Enabled"
                        zeroToggleColor = .green
                    }
                    else {
                        viewModel.zeroToggle = false
                        zeroToggleName = "Disabled"
                        zeroToggleColor = .red
                        
                    }
                    UserDefaults.standard.set(self.viewModel.zeroToggle, forKey: "zeroToggle")
                }, label: {
                    Text(zeroToggleName)
                        .frame(minWidth: 0, maxWidth: 75)
                        .padding(5)
                        .background(LinearGradient(gradient: Gradient(colors: [Color(zeroToggleColor), Color.gray]), startPoint: .leading, endPoint: .trailing))
                        .background(Color(zeroToggleColor))
                        .cornerRadius(5)
                        .foregroundColor(.black)
                }).offset(x: -5, y: 0)
            }.offset(x: 0, y: 5)
            .foregroundColor(.black)
            
            // purchase full version
            HStack {
                Text("Purchase full version")
                    .padding(.horizontal)
                Spacer()
                NavigationLink(destination:
                                ParentalGate()
                ) {
                    Text("Purchase")
                        .frame(minWidth: 0, maxWidth: 75)
                        .padding(5)
                        .background(LinearGradient(gradient: Gradient(colors: [Color.black, Color.gray]), startPoint: .leading, endPoint: .trailing))
                        .background(Color(.black))
                        .cornerRadius(5)
                        .foregroundColor(.white)
                }
                .offset(x: -5, y: 0)

Answer 1

Put

VStack(spacing:0)

Under the main VStack. It will solve the issue.