SwiftUI List Separator within NavigationView Problem

Now check the view hierarchy and see how many navbar titles and bar items you might have compared to the first example where they're just added once outside of the list. Use Swift Application playgrounds for SwiftUI and not the original playgrounds

Yeah, I know it. So you're saying indented separator is correct behavior of SwiftUI List in NavigationView?

Got help on StackOverflow Link Here. Just adding .listStyle(PlainListStyle()) to List solved the problem.

        NavigationView {
            List {
                Text("Chocolate")
                Text("Vanilla")
                Text("Strawberry")
            }
            .navigationBarTitle(Text("Today‘s Flavors"))
            .navigationBarItems(leading:
                HStack {
                    Button("Hours") {
                        print("Hours tapped!")
                    }
                }, trailing:
                HStack {
                    Button("Favorites") {
                        print("Favorites tapped!")
                    }

                    Button("Specials") {
                        print("Specials tapped!")
                    }
                }
            )
            .listStyle(PlainListStyle()) // <- Add this
        }

You don't need to use a specific .plaint style, but you need to apply ANY (whatever you want) style to the list and then everything will be ok.

The problem was that List was defaulting to a .sidebar list style which caused the separators to be inset as if there was a symbol image there. This could be fixed by manually changing to another list style.

This has since been resolved in iOS 16, and the ability to modify separator insets has been added.

What I think is interesting, is that the divider seems to be based off of Text elements. It will stretch from the right edge of the screen to the leading edge of the left-most Text element. So if the row begins with, say, a Circle, it won't cover that. Remove the circle and have the text go further left, the divider follows. (In this case the view I have with the Circle is used as the label for the NavigationLink). I would have expected the length of the divider to always be the same, and am not sure if what I'm seeing is correct or not.