SwiftUI中如何自定义Table选中行的文本颜色？

核心解决思路 #

不要给整个Table添加.foregroundColor()修饰符，而是将自定义文本颜色单独应用到每个TableColumn内部的文本内容上。这样既满足应用设计的文本颜色要求，又不会覆盖系统选中行的高亮文本样式（自动切换为白色）。

修改后的代码示例 #

Table(userState.regions, selection: $selectedRegion) {
    TableColumn("Region") { region in
        NavigationLink(value: region) {
            Text(region.name)
                .bold()
                .foregroundColor(ApplicationColor.body) // 为单个文本设置自定义颜色
        }
    }
    TableColumn("ISO Code") { region in
        // 对使用value绑定的列，自定义cell来设置文本颜色
        Text(region.isoCode)
            .foregroundColor(ApplicationColor.body)
    }
}

批量简化方案（多列场景） #

如果有大量TableColumn需要统一设置文本样式，可以封装一个自定义ViewModifier减少重复代码：

// 封装自定义文本样式
struct AppTextStyle: ViewModifier {
    func body(content: Content) -> some View {
        content
            .foregroundColor(ApplicationColor.body)
    }
}

// 给View添加扩展，方便调用
extension View {
    func appTextStyle() -> some View {
        self.modifier(AppTextStyle())
    }
}

// 使用示例
Table(userState.regions, selection: $selectedRegion) {
    TableColumn("Region") { region in
        NavigationLink(value: region) {
            Text(region.name)
                .bold()
                .appTextStyle()
        }
    }
    TableColumn("ISO Code") { region in
        Text(region.isoCode)
            .appTextStyle()
    }
}

问题原因说明 #

当你给整个Table设置.foregroundColor()时，这个样式会强制覆盖所有状态（选中/未选中）下的文本颜色，导致选中行的文本和高亮背景对比度不足，难以阅读。而将颜色设置在单个文本元素上时，只会影响未选中状态，选中时系统会自动触发默认的高亮文本样式（白色），保证可读性。

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