Picker in Form Leaves Leading Space in SwiftUI

Question

I am trying to display PickerView in WheelStyle inside form. It's working fine but there is some leading space that I would like to review.

Here is my code.

struct FormTest: View {
    
    var aryStrings = ["Male","Female"]
    
    @State var selected:String = ""
        
    var body: some View {
        Form {
            Section {
                VStack {
                    HStack {
                        Text("Gender")
                        Spacer()
                    }.padding()
                    
                    HStack {
                        Picker(selection: self.$selected, label: Text("")) {
                            ForEach(self.aryStrings, id:\.self) { value in
                                Text(value)
                            }
                        }.pickerStyle(WheelPickerStyle())
                    }
                }.listRowInsets(EdgeInsets())
            }
        }
    }
}

Here as we can see there is a leading space which is marked as red. I want that to be full size picker.

Any help will be appreciated.

Asperi · Accepted Answer · 2020-09-15 10:59:38Z

2

I assume you're looking for this (tested with Xcode 11.7 / iOS 13.7)

var body: some View {
    Form {
        Section {
            VStack {
                HStack {
                    Text("Gender")
                    Spacer()
                }.padding()

                Picker(selection: self.$selected, label: Text("")) {
                     ForEach(self.aryStrings, id:\.self) { value in
                          Text(value)
                     }
                }.pickerStyle(WheelPickerStyle())
                .labelsHidden()                    // << main part !!
            }
        }
    }
}

answered Sep 15, 2020 at 10:59

Asperi

262k28 gold badges594 silver badges886 bronze badges

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

2 Comments

Malav Soni Over a year ago

Haven't thought about this label. Thanks for the help.

Malav Soni Over a year ago

is there any way I can stretch those horizontal lines?

Mojtaba Hosseini · Accepted Answer · 2020-09-15 10:44:58Z

0

Although its not an issue in iOS 14:

In iOS 13, pickers can not stretch their widths. So you need to do something like this:

HStack {
    Spacer()
    Picker(selection: self.$selected, label: EmptyView()) {
        ForEach(self.aryStrings, id:\.self) { Text($0) }
    }
    .pickerStyle(WheelPickerStyle())
    .fixedSize()
    Spacer()
}

And the result would be like:

answered Sep 15, 2020 at 10:44

Mojtaba Hosseini

124k45 gold badges342 silver badges328 bronze badges

Collectives™ on Stack Overflow

Picker in Form Leaves Leading Space in SwiftUI

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related