SwiftUI: edit List inside of a Section

Question

Without Form and Section, I can edit a list:

var body: some View {
            List {
                ForEach(modeConfigurations.sorted, id: \.id) { item in
                    Text("\(item.defaultSortIndex)")
                }
                .onMove(perform: move)
            }
            .navigationBarItems(trailing:
                   EditButton()
            )
} // Body

I'd like to edit inside a Section of a Form, but it doesn't work there:

var body: some View {
    Form{
        Section(header: Text("Sort")){
            List {
                ForEach(modeConfigurations.sorted, id: \.id) { item in
                    Text("\(item.defaultSortIndex)")
                }
                .onMove(perform: move)
            }
            .navigationBarItems(trailing:
                   EditButton()
            )
        } // Sort Section
    } // Form
} // Body

I can't edit and the Text inside ForEach is not rendered as separate line.

How can I edit a List inside a Section of a Form?

Mojtaba Hosseini · Accepted Answer · 2020-06-21 08:30:41Z

2

You should put .navigationBarItems(trailing: EditButton()) on the Form instead to make it work.

Also List is not needed as Section already "acts like" a List. (Thanks to @Sweeper for mentioning that)

var body: some View {
    Form {
        Section(header: Text("Sort")) {
            // List { // <- This is not needed as Section contains an implicit list.
                ForEach(modeConfigurations.sorted, id: \.id) { item in
                    Text("\(item.defaultSortIndex)")
                }
                .onMove(perform: move)
            // } // <- Removeed this as we removed `List`
        } // Sort Section
    } // Form
    .navigationBarItems(trailing: EditButton()) // <- Misplacing this was the issue.
} // Body

edited Jun 21, 2020 at 8:30

answered Jun 21, 2020 at 8:23

Mojtaba Hosseini

124k45 gold badges342 silver badges328 bronze badges

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

2 Comments

Sweeper Over a year ago

I don't think you need the List either. The Section already "acts like" a List.

Mojtaba Hosseini Over a year ago

I was aware to change the original code. But as you mentioned, I decided to add it to the answer. Thanks @Sweeper

Collectives™ on Stack Overflow

SwiftUI: edit List inside of a Section

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related