SwiftUI中如何为列表行背景设条件色并保留默认样式？

问题核心 #

用.listRowBackground给列表行设置条件背景时，Color.clear会把背景弄成透明，固定颜色（比如Color.white）又适配不了暗黑模式，之前写的条件视图修饰符又有点繁琐，想要更简单的解决办法。

最简洁的解决方案 #

直接在listRowBackground里利用SwiftUI的视图构建特性，条件满足时返回自定义颜色，不满足时返回nil即可——返回nil的时候系统会自动使用默认的列表行背景，完美适配明暗模式。

修改后的代码：

struct ListView: View {
  let items = [
    Item(completed: true),
    Item(completed: false),
    Item(completed: false),
    Item(completed: false),
    Item(completed: true),
  ]
  
  var body: some View {
    List {
      ForEach(items) { item in
        VStack(alignment: .leading) {
          Text(item.id.uuidString)
        }
        .listRowBackground(item.completed ? Color.green : nil)
      }
    }
  }
}

备选方案：显式调用系统默认背景色 #

如果你非要显式指定默认背景色，可以通过UIKit的颜色转换来获取系统适配的背景色：

extension Color {
    static let defaultListRowBackground = Color(UIColor.systemBackground)
}

然后这么使用：

.listRowBackground(item.completed ? Color.green : .defaultListRowBackground)

不过这个方案没必要，直接返回nil更省事，系统会自动处理所有适配逻辑。

对比之前的临时方案 #

你之前写的if视图修饰符虽然能用，但需要额外扩展View协议，代码冗余。直接在listRowBackground里做条件判断返回nil，代码更紧凑，一步到位。

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