使用List与TabView时SwiftUI选中状态两次更新问题

你的问题出在List和TabView双向绑定同一个@State变量时产生的状态冲突：当你从List选择新路线，selected先更新为新值，但TabView的selection绑定会反向触发状态更新，和List的选择操作产生竞态，导致选中状态被回滚。

另外，你代码中TabView的tag使用Optional(route)，而List的tag是route，虽然selected是可选类型，但这种不一致也会加重状态同步的问题。

修复步骤 #

1. 拆分状态变量，分别给List和TabView使用，避免直接双向绑定同一个变量
2. 通过onChange同步两个状态，保证List选中状态和TabView页面保持一致，同时支持数码表冠切换时同步List选中状态

修改后的代码 #

@State private var listSelected: FavoriteRoute?
@State private var tabSelected: FavoriteRoute?

var body: some View {
  NavigationSplitView {
    List(selection: $listSelected) {
      ForEach(favorites.routes) { route in
        FavoriteListItemView(route: route)
          .tag(route)
      }
    }
    .listStyle(.carousel)
    .navigationTitle("Better Rail")
    // 当List选中项变化时，同步到TabView
    .onChange(of: listSelected) { newRoute in
      tabSelected = newRoute
    }
  } detail: {
    TabView(selection: $tabSelected) {
      ForEach(favorites.routes) { route in
        FavoriteRouteView(route: route)
          .tag(route) // 统一tag类型为非可选，匹配可选状态变量
      }
    }
    .tabViewStyle(.verticalPage)
    // 当TabView页面切换（数码表冠操作）时，同步回List选中状态
    .onChange(of: tabSelected) { newRoute in
      listSelected = newRoute
    }
    .toolbar {
      ToolbarItem(placement: .topBarTrailing) {
        NavigationLink(destination: SearchView(), label: {
          Image(systemName: "magnifyingglass")
        })
      }
    }
  }
}

额外检查要点 #

确保FavoriteRoute正确实现了Identifiable协议，id属性是唯一且稳定的（比如使用不可变的UUID或唯一标识字符串），这是SwiftUI正确跟踪选中状态的基础。

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