Question 130439 in Xcode Question posted in
Whether you're new to Xcode or an experienced developer, our archive has everything you need to know about this integrated development environment (IDE). From basic functionalities to advanced features, our archive covers a wide range of Xcode-related questions and answers. Browse our archive now and find solutions to your Xcode questions, and take your app development skills to the next level

Xcode – Swiftui form space and seperator bug

I would like to place 2 buttons one below the other with a bit space in a form. Just like in this example:
enter image description here

Currently it looks like this:
enter image description here

With this code:

            Form {
                Section {
                    HStack {
                        Text("Zeit:")
                            .fontWeight(.semibold)
                        
                        Spacer()
                        
                        TextField(text: .constant(getSavedTimeSting(savedTime: 60)), label: {})
                            .keyboardType(.decimalPad)
                    }
                    
                    DatePicker(selection: .constant(Date())) {
                        Text("Erstellt:")
                            .fontWeight(.semibold)
                    }
                }
                
                Button {
                } label: {
                    HStack {
                        Spacer()
                        
                        Text("Teilen")
                        
                        Spacer()
                    }
                }
                
                Button {
                    
                } label: {
                    HStack {
                        Spacer()
                        
                        Text("Löschen")
                        
                        Spacer()
                    }
                }
                .tint(.red)
            }

Do you have any ideas? I’d be happy for help.

Tags:

2

Answers


  1. 0

    This is not a bug. Simply put, there’s no way to make SwiftUI’s native rowSeparators full-width.

    SwiftUI automatically applies insets to rowSeparators for List or Form. You would have to create a custom list view to achieve what you want.

    Login or Signup to reply.
  2. 0

    You can put each button into a Section, which will give you this:

    A screenshot of the simulator.

    Section {
    Button {} label: {
        Text("Teilen")
    }
}

Section {
    Button {} label: {
        Text("Löschen")
    }
    .tint(.red)
}

    Is this what you were looking for? I hope this helps!

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search