SwiftUI列表重启恢复选中项后背景呈灰色，如何设为默认蓝色？

问题描述 #

在SwiftUI中，列表项默认选中背景色为蓝色。我通过属性文件持久化应用细节，实现重启时自动恢复列表上次选中的项。该功能可正常工作，但选中项背景为灰色而非默认蓝色。请问如何将包含NavigationLink和文本的整个列表项背景强制设置为蓝色？

相关代码 #

List(selection: $panel){
    ForEach(dashboardSections) { section in
        Section(header: Text(section.name)){
            ForEach(section.widgets) { widget in
                NavigationLink(value: widget.panel){
                    showBadge(widget: widget)   
                }
                .disabled(widget.disabled)
            }
        }
    }
}

补充说明 #

• panel会在启动时重新赋值，功能正常，但背景为灰色
• 重启恢复选中项后背景为灰色
• 初始选中时默认蓝色背景

解决方法 #

这是因为通过状态恢复选中时，SwiftUI未正确触发默认选中高亮样式，可通过自定义行背景强制统一显示蓝色：

方法一：直接绑定选中状态设置行背景 #

利用listRowBackground，根据当前选中的panel值判断，匹配时设置系统强调色（默认蓝色），否则保持透明：

List(selection: $panel){
    ForEach(dashboardSections) { section in
        Section(header: Text(section.name)){
            ForEach(section.widgets) { widget in
                NavigationLink(value: widget.panel){
                    showBadge(widget: widget)   
                }
                .disabled(widget.disabled)
                .listRowBackground(
                    panel == widget.panel ? Color.accentColor : Color.clear
                )
            }
        }
    }
}

方法二：模拟系统默认高亮效果 #

如果需要更贴近系统原生的半透明圆角高亮，可以调整透明度和圆角：

List(selection: $panel){
    ForEach(dashboardSections) { section in
        Section(header: Text(section.name)){
            ForEach(section.widgets) { widget in
                NavigationLink(value: widget.panel){
                    showBadge(widget: widget)   
                }
                .disabled(widget.disabled)
                .background(
                    panel == widget.panel ? Color.accentColor.opacity(0.2) : Color.clear
                )
                .cornerRadius(8)
            }
        }
    }
}

原理说明 #

通过状态恢复选中项时，List内部的原生高亮机制未被完全触发，手动绑定选中状态并设置行背景，可强制覆盖系统默认的灰色背景，确保无论选中方式如何，都能显示统一的蓝色（系统强调色）高亮。

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