SwiftUI中List内NavigationLink选中色在Simulator与真机不一致问题

• 核心原因是系统级配置不一致：iPadOS「设置-外观-高亮颜色」的选项会直接控制List选中行的背景色，模拟器和真机的该项配置不同会直接导致表现差异。
• 辅助功能配置差异也会触发该问题：如果真机开启了「增强对比度」选项，选中背景色会变为饱和度更高的强调色，和默认无增强的模拟器表现形成区别。
• 应用全局配色缓存：若真机曾安装过同包名的旧版本应用，残留的Tint Color缓存也可能导致和无缓存的模拟器表现不一致。

方案1：修改选中行背景色（推荐，适配iPadOS 15+） #

直接给List添加listRowSelectionTint修饰符指定选中背景色即可，和展开指示器做视觉区分：

@State private var selectedTopic: Topic? // 替换为你自己的Topic模型类型

List(selection: $selectedTopic) {
  OutlineGroup(bundle.topics, children: \.children) { topic in
    NavigationLink(destination: DetailView(topic: topic)) {
      Label(topic.name, systemImage: topic.children != nil ? "folder" : "doc")
    }
  }
}
.listRowSelectionTint(.secondarySystemFill) // 与系统默认侧边栏选中灰色样式对齐

方案2：修改展开指示器颜色 #

如果不想改动选中背景色，也可以单独调整OutlineGroup的指示器颜色：

List {
  OutlineGroup(bundle.topics, children: \.children) { topic in
    NavigationLink(destination: DetailView(topic: topic)) {
      Label(topic.name, systemImage: topic.children != nil ? "folder" : "doc")
    }
  }
  .tint(.white) // 蓝色背景下白色指示器清晰可见
}

方案3：自定义行背景（兼容iPadOS 15以下版本） #

需要支持低版本系统时可以手动监听选中状态，自定义行背景：

@State private var selectedTopic: Topic?

List(selection: $selectedTopic) {
  OutlineGroup(bundle.topics, children: \.children) { topic in
    NavigationLink(destination: DetailView(topic: topic)) {
      Label(topic.name, systemImage: topic.children != nil ? "folder" : "doc")
    }
    .listRowBackground(selectedTopic == topic ? Color.gray.opacity(0.3) : Color.clear)
  }
}

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