LAST CHANCE: Save 50% on all my Swift books and bundles! >>

Proper alignment and sizing of elements in detail forms

Forums > iOS

@rvic  

As you can see labels for editing fields are using less space than needed to be fully visible or wrapping to multiple lines. That really makes the form look ugly. Please suggest how to make TextFields use less horisontal space but still remain aligned across different HStacks.

extension HorizontalAlignment {
    private struct TextFieldAlignment: AlignmentID {
        static func defaultValue(in context: ViewDimensions) -> CGFloat {
            context[HorizontalAlignment.leading]
        }
    }

    static let textFieldAlignmentGuide = HorizontalAlignment(
        TextFieldAlignment.self
    )
}

struct ContentView: View {
    @State private var expectedSalary = ""
    @State private var desiredSalary = ""
    var body: some View {
        Form {
            Section {
                VStack(alignment: .textFieldAlignmentGuide) {
                    HStack {
                        Text("Expected Salary Amount")
                        TextField("0", text: $expectedSalary)
                            .alignmentGuide(.textFieldAlignmentGuide) { context in
                                context[.leading]
                            }
                    }
                    HStack {
                        Text("Desired Salary Amount")
                        TextField("0", text: $desiredSalary)
                            .alignmentGuide(.textFieldAlignmentGuide) { context in
                                context[.leading]
                            }
                    }
                }
            }
        }
    }
}

3      

Hacking with Swift is sponsored by Essential Developer.

SPONSORED Join a FREE crash course for mid/senior iOS devs who want to achieve an expert level of technical and practical skills – it’s the fast track to being a complete senior developer! Hurry up because it'll be available only until July 28th.

Click to save your free spot now

Sponsor Hacking with Swift and reach the world's largest Swift community!

Archived topic

This topic has been closed due to inactivity, so you can't reply. Please create a new topic if you need to.

All interactions here are governed by our code of conduct.

 
Unknown user

You are not logged in

Log in or create account
 

Link copied to your pasteboard.