在 SwiftUI 中使用 List 时如何使用 NavigationLink isActive 绑定？

Question

用例非常简单。我有一个地点列表，每个地点对应一个地理围栏。我需要在用户所在的地理围栏所在的特定行中启用导航。该列表是动态的，是从 API 中获取的。 Whosebug 上也有类似的问题，但那些只针对静态列表。

我试过使用布尔字典，但我无法让它工作。

这是一个简化的模拟代码：

struct ListView: View {
  @State private var navActive: [UUID: Bool] = [:]
  var body: some View {
    
           List (viewModel.allItems, id: \.id) { item in
           NavigationLink(destination: DetailView(item), isActive: $navActive[item.id]) {
             Text(item.name)
             .onTapGesture {
                if currentLocation.isInside(item.geofence) { navActive[item.id] = true }
             }
         }
      }
   }
}

我收到此错误：无法将类型 'Binding<Bool?>' 的值转换为预期的参数类型 'Binding<Bool>' 在 NavigationLink isActive 参数上。

注意：我在使用 onRecieve 修饰符接收 allItems 时用键值对填充了 navActive 字典

Answer 1

这是您的用例的可能方法

struct ListView: View {
    
    // ... your view model defined here

    @State private var selectedItem: UUID? = nil
    var body: some View {

        List (viewModel.allItems, id: \.id) { item in
            Text(item.name)
                .onTapGesture {
                    self.selectedItem = item.id
                }
                .background(
                    NavigationLink(destination: DetailView(item), tag: item.id,
                        selection: $selectedItem) { EmptyView() }
                        .buttonStyle(PlainButtonStyle())
                )
        }
    }
}

backup

在 SwiftUI 中使用 List 时如何使用 NavigationLink isActive 绑定？

How does one use NavigationLink isActive binding when working with List in SwiftUI?

ios

swift

swiftui

swiftui-list

swiftui-navigationlink