How to remove space between TextField and Text on HStack in SwiftUI?

Question

I have a TextField and Text next in HStack Sections. There is a large empty space between them and I can not figure out how to remove it.

VStack{

    Section {
        HStack {
            TextField("Kohalik raha", text: $localMoney)
                .multilineTextAlignment(.center)
            Text("GEL")
                .multilineTextAlignment(.leading)
        }
    }
    Section {
        Text("\(money, specifier: "%.2f") EUR")
    }
    Section {
        HStack {
            TextField("Kurss", text: $rate )
                .multilineTextAlignment(.center)
            Text("Kurss")
                .multilineTextAlignment(.leading)
        }
    }
}

[Picture from app]

Mojtaba Hosseini · Accepted Answer · 2019-10-10 21:18:18Z

3

Make the textField have fixedSize to bring them near in center:

HStack {
    TextField("Kohalik raha", text: $localMoney)
        .background(Color.blue)
        .multilineTextAlignment(.center)
        .fixedSize()

    Text("GEL")
        .multilineTextAlignment(.leading)
        .background(Color.yellow)
}

I have added some colors to see better ;)

answered Oct 10, 2019 at 21:18

Mojtaba Hosseini

124k45 gold badges342 silver badges328 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

John C Over a year ago

This worked for me with two buttons in an HStack. Thanks!

Michael Long · Accepted Answer · 2019-10-10 21:02:42Z

0

Add a Spacer() after the TextField and Text views.

answered Oct 10, 2019 at 21:02

Michael Long

1,1028 silver badges16 bronze badges

Collectives™ on Stack Overflow

How to remove space between TextField and Text on HStack in SwiftUI?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related