列表边缘插图不断变化 - SwiftUI

Question

I have a SwiftUI app that uses a sidebar on iPad.

Using a List with the modifier .listStyle(.sidebar) the inset spacing no longer applies when rotating, however when I force close the app and reopen it appears normal.

Cases where edge spacing no longer applies:

• When user first signs in
• rotates device
• collapses sidebar and reopens)

The problem goes away when force quitting the app and reloading when user is signed in.

ContentView

struct ContentView: View {
   @State var signedIn = false

    var body: some View {
        if signedIn = false  {
            Text("Sign In").onTapGesture(){signedIn = true}
        } 
        if signedIn = true {
            AppSidebarNavigation()
        }
    }
}

Sidebar

struct AppSidebarNavigation: View {
    
    enum NavigationItem {
        case home
        case expenses
    }
        
    @State private var selection: NavigationItem? = .home

    var body: some View {
        NavigationView {
            sidebar
                .navigationTitle("")
                .navigationBarTitleDisplayMode(.inline)
                .navigationBarHidden(true)
            
            // Main View
            HomeView()
            
        }
        .navigationViewStyle(DoubleColumnNavigationViewStyle())

    }
}

extension AppSidebarNavigation {
    
    var sidebar: some View {
            List(selection: $selection) {
                Group {
                    NavigationLink(destination: HomeView()
                        .environmentObject(store), tag: NavigationItem.home, selection: $selection) {
                            Label("Homes", systemImage: "house")
                            
                        }
                        .tag(NavigationItem.home)
                    
                    NavigationLink(destination: Expenses(),
                        tag: NavigationItem.expenses, selection: $selection) {
                            Label("Expenses", systemImage: "arrow.right.arrow.left")
                            
                        }
                        .tag(NavigationItem.expenses)
                        .navigationBarTitleDisplayMode(.large)
                }

            }
            .listStyle(.sidebar)
    }
}

Answer 1

So I would consider trying

.listRowInsets(EdgeInsets(top: 8, leading: 8, bottom: 8, trailing: 8))

or

.listRowInsets(EdgeInsets())

Even add

.listRowInsets(.init())

However your problem may be due to your subviews overriding TableView rows. Check if you have something like (I am not sure the exact code)

init() {

    UITableViewCell.removeEdgeInsets

}