SwiftUI：当“navigationBarItems”修改列表时，“listRowInsets”无法按预期工作[重复]

Posted 2023-02-24

【中文标题】SwiftUI：当“navigationBarItems”修改列表时，“listRowInsets”无法按预期工作[重复]

【英文标题】：SwiftUI: 'listRowInsets' dosen't work as expected when the List is modified by 'navigationBarItems' [duplicate]

【发布时间】：2020-10-27 11:29:18

【问题描述】：

我想用这样的搜索按钮制作一个导航视图：

我使用 listRowInsets(EdgeInsets()) 删除图像的前导和尾随填充。

在我添加搜索按钮之前一切都很好：

import SwiftUI

struct demoUI: View 
    var body: some View 
        NavigationView 
            List 
                Image("food")
                    .scaledToFill()
                    .frame(height: 200)
                    .clipped()
                    .listRowInsets(EdgeInsets())
                
                ForEach(0 ..< 5) _ in
                    Text("List Item ")
                
                
            
            .navigationTitle(Text("Featured"))
        
    


struct demoUI_Previews: PreviewProvider 
    static var previews: some View 
        demoUI()
    

但是当我将图标添加到导航栏时，填充再次显示：

struct demoUI: View 
    var body: some View 
        NavigationView 
            List 
                Image("food")
                    .scaledToFill()
                    .frame(height: 200)
                    .clipped()
                    .listRowInsets(EdgeInsets())
                
                ForEach(0 ..< 5) _ in
                    Text("List Item ")
                
                
            
            .navigationTitle(Text("Featured"))
            .navigationBarItems(trailing: Image(systemName: "magnifyingglass.circle").imageScale(.large))
        
    

我的 Xcode 版本是 12.1 (12A7403)。 这是一个错误，还是预期的结果？

【参考方案1】：

明确使用列表样式

        List 
            Image("food")
                .scaledToFill()
                .frame(height: 200)
                .clipped()
                .listRowInsets(EdgeInsets())
            
            ForEach(0 ..< 5) _ in
                Text("List Item ")
            
            
        .listStyle(PlainListStyle())   // << here !!