如何从导航链接列表的左侧删除填充？ SwiftUI

Question

我正在开发一个应用程序，其中有一个图像导航链接列表。 我希望图像是屏幕的整个宽度，但左侧有填充。 我尝试了几件事：

 .frame( maxWidth: .infinity)
 .ignoresSafeArea()
 .listStyle(PlainListStyle())

NavigationView {
            
            VStack {
                
                Text("Available guides in: ").padding(.bottom, -1000).padding(.top,100).font(.custom("SF Mono-Light", size: 28)).edgesIgnoringSafeArea(.all)//.foregroundColor(Color.white)
                
                Text("Somewhere").padding(.bottom, -90).padding(.top,-70).font(.custom("SF Mono-Light", size: 32))//.foregroundColor(Color.white)//.edgesIgnoringSafeArea(.all)
                
                List {
                    ForEach(guides) { guide in
                        NavigationLink(destination: GuideView(guideSessionManager: GuideSessionManager(guide: guide)), tag : guide.guideName, selection: $selection) {
                            Button(action: {
                                selection = guide.guideName
                            }) {
                                Image(guide.imageName)
                                .renderingMode(Image.TemplateRenderingMode?.init(Image.TemplateRenderingMode.original))
                            }.buttonStyle(GrowingButtonImage())
                            .frame( maxWidth: .infinity)
                            .ignoresSafeArea()
                            
                        }
                        .frame( maxWidth: .infinity)
                        .listRowInsets(EdgeInsets())
                        .ignoresSafeArea()
                        
                    }
                }
                .frame( maxWidth: .infinity)
                .ignoresSafeArea()
                .listStyle(PlainListStyle())

 .frame( maxWidth: .infinity)
 .ignoresSafeArea()
 .listStyle(PlainListStyle())

Answer 1

您在不带参数的情况下为其提供EdgeInsets并将宽度设置为 .infinity 与.ignoresSafeArea ，这会导致奇怪的交互。 要么删除.ignoresSafeArea ，在EdgeInsets上使用参数，要么不使用.infinity

                List {
                    ForEach(guides) { guide in
                        NavigationLink(destination: GuideView(guideSessionManager: GuideSessionManager(guide: guide)), tag : guide.guideName, selection: $selection) {
                            Button(action: {
                                selection = guide.guideName
                            }) {
                                Image(guide.imageName)
                                .renderingMode(Image.TemplateRenderingMode?.init(Image.TemplateRenderingMode.original))
                            }
                            .buttonStyle(GrowingButtonImage())
                            .frame( maxWidth: .infinity)
                            .edgesIgnoringSafeArea(.all)
                            
                        }
                        // Modify these to your liking
                        .listRowInsets(EdgeInsets(top: 0.0, leading: 0.0, bottom: 0.0, trailing: 0.0))                        
                    }

您也可以尝试使用.scaledToFill()