SwiftUI中NavigationLink的listRowBackground无法铺满整行背景

我用以下Swift代码实现带选中状态的列表：

List(selection: $selectedBoard) {
    ForEach(boards) { board in
        NavigationLink(tag: board, selection: $selectedBoard) {
            BoardView(board: board)
        } label: {
            Text(board.name ?? "Board")
         }
        .listRowBackground(self.selectedBoard == board ? Color.App.boardSelection : Color.App.boardBackground)
}

实际运行后，选中行的左右两侧出现了无法移除的灰色区域，我希望选中时整行能呈现统一的浅黑色背景。

要移除默认灰色强调色并让自定义背景铺满整行，可通过以下调整实现：

1. 禁用NavigationLink默认按钮高亮：给NavigationLink添加.buttonStyle(PlainButtonStyle())，消除按钮自带的选中高亮效果
2. 移除行内边距：用.listRowInsets(EdgeInsets())让自定义背景完全铺满行宽
3. 使用Plain列表样式：给List添加.listStyle(.plain)，避免系统默认的侧边选中高亮区域

修改后的完整代码：

List(selection: $selectedBoard) {
    ForEach(boards) { board in
        NavigationLink(tag: board, selection: $selectedBoard) {
            BoardView(board: board)
        } label: {
            Text(board.name ?? "Board")
                .frame(maxWidth: .infinity, alignment: .leading)
        }
        .buttonStyle(PlainButtonStyle())
        .listRowBackground(selectedBoard == board ? Color.App.boardSelection : Color.App.boardBackground)
        .listRowInsets(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0))
    }
}
.listStyle(.plain)

如果上述方法仍有残留的系统高亮，也可以通过全局设置彻底禁用UITableViewCell的选中样式，在你的App入口结构体中添加：

init() {
    UITableViewCell.appearance().selectionStyle = .none
}

这样就能让选中行完全显示你自定义的浅黑色背景，不再出现左右两侧的灰色强调区域。

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