Beginner with SwiftUI: VStack with Form and List

Question

I am a beginner with SwiftUI Layout (not in coding) and I have a problem

Here the code:

var body: some View {
    NavigationView {
        VStack {
            Form {
                TextField("Nome", text: $name)
            }
            .navigationBarTitle("Aggiungi Dispensa", displayMode: .inline)
            .navigationBarItems(trailing: Button("Aggiungi") {
                if self.name.count > 0 {
                    let item = DispItem(name: self.name)
                    self.dispense.items.append(item)
                }
                self.name = ""
            })
            
            List {
                let sortedItems = dispense.items.sorted {
                    $0.name < $1.name
                }
                ForEach(sortedItems) { item in
                            Text(item.name)
                                .font(.headline)
                }
                .onDelete(perform: removeItems)
            }
        }
    }
}

Basically is a VStack composed by Form and List But I do not understand where the empty space at the top comes from and the white space between Form and List.

Thanks Marco

Does this answer your question stackoverflow.com/a/62382165/12299030? And next about empty space stackoverflow.com/a/64838243/12299030. — Asperi
– Asperi, Commented Feb 18, 2021 at 15:56

John Nimis · Accepted Answer · 2021-02-18 17:08:10Z

1

As @Asperi points out in the links in his comment, you can use VStack(spacing: 0) to remove the space between the Form and List.

For the space between the navigation bar link and title, it looks like you are nesting NavigationView items inside each other.

The view that calls this view (is it called "Impostazione"?) has a NavigationView so your child view ("Aggiungi Dispensa") doesn't need its own NavigationView

edited Feb 18, 2021 at 17:08

answered Feb 18, 2021 at 16:21

John Nimis

6065 silver badges16 bronze badges

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

6 Comments

MarcoGT Over a year ago

Ok, it works, thanks a lot. But I forgot to link an image: imgur.com/8VIJ7Wy

MarcoGT Over a year ago

Empty space I meant before the navigationbartitle and the navigation link to go back

aheze Over a year ago

@MarcoGT try putting the .navigationBarTitle("Aggiungi Dispensa", displayMode: .inline) inside the NavigationLink of the previous View

John Nimis Over a year ago

@MarcoGT I updated my answer (again) - you are nesting NavigationView items. If you had a NavigationView in the view before this one, you don't need another one.

MarcoGT Over a year ago

@aheze, sorry, I don't get it, what do you mean? I do not have any NavigationLink

|

Collectives™ on Stack Overflow

Beginner with SwiftUI: VStack with Form and List

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related