NavigationView内ListView设置白色背景渲染异常如何解决？

出现顶部多余白色块、背景替换不生效的原因非常明确：

• SwiftUI的List是封装UIKitUITableView实现的组件，默认自带浅灰色的分组背景，这个背景属于列表的滚动内容层，并非List组件的最底层。
• 直接给List挂载.background(Color.white)时，设置的白色会填充List组件的整个底层区域，包含导航栏大标题预留位、顶部安全区扩展区域，同时列表自带的灰色背景没有被移除，最终就会渲染出你截图里的异常效果。

根据项目兼容的最低iOS版本选择对应写法即可：

iOS 16 及以上版本 #

直接使用系统提供的滚动内容背景修饰符，无全局侵入，是最优方案：

NavigationView {
    List {
        // 写入你的列表行内容
    }
    // 先隐藏List默认的灰色滚动背景
    .scrollContentBackground(.hidden)
    // 再设置目标白色背景
    .background(Color.white)
}

该写法只会修改列表滚动区域的背景，不会占用导航栏相关区域，不会产生多余白块。

iOS 15 及更早版本 #

低版本系统没有提供对应的SwiftUI修饰符，需要通过UIKit的外观接口修改List默认属性：

// 代码可放在视图的init方法，或者页面onAppear回调中
init() {
    // 设置列表整体背景为白色
    UITableView.appearance().backgroundColor = .white
    // 设置列表单元格默认背景为白色
    UITableViewCell.appearance().backgroundColor = .white
}

如果仅需要当前页面生效，在页面onDisappear时将上述外观属性改回系统默认值即可。

• 异常渲染效果：
  
• 原有错误实现代码：
  

内容的提问来源于stack exchange，提问作者Singh