@onekeyfe/react-native-native-list 3.0.105 → 3.0.107

package/ios/NativeListDesignAssets.swift

@@ -76,8 +76,31 @@ func nativeListTabularFont(
 }
 
 func nativeListIcon(named name: String) -> UIImage? {
+  // OneKey patch: the connection indicator is a solid circle at its requested size.
+  if name == "Circle" {
+    return UIGraphicsImageRenderer(size: CGSize(width: 24, height: 24)).image { _ in
+      UIColor.black.setFill()
+      UIBezierPath(ovalIn: CGRect(x: 0, y: 0, width: 24, height: 24)).fill()
+    }.withRenderingMode(.alwaysTemplate)
+  }
   let assetName: String
   switch name {
+  // OneKey patch: official selector icon geometry.
+  case "AccountErrorCustom": assetName = "onekey_selector_account_error_custom"
+  // OneKey patch: official selector icon geometry.
+  case "CrossedSmallSolid": assetName = "onekey_selector_crossed_small_solid"
+  // OneKey patch: official selector icon geometry.
+  case "AllNetworksSolid": assetName = "onekey_selector_all_networks_solid"
+  // OneKey patch: official selector icon geometry.
+  case "BotIllus": assetName = "onekey_selector_bot_illus"
+  // OneKey patch: official selector icon geometry.
+  case "AppleBrand": assetName = "onekey_selector_apple_brand"
+  // OneKey patch: official selector icon geometry.
+  case "GoogleIllus": assetName = "onekey_selector_google_illus"
+  // OneKey patch: official selector icon geometry.
+  case "LockSolid": assetName = "onekey_selector_lock_solid"
+  // OneKey patch: official selector icon geometry.
+  case "GlobusOutline": assetName = "onekey_selector_globus_outline"
   case "ArrowBottomOutline": assetName = "onekey_arrow_bottom"
   case "ArrowTopOutline": assetName = "onekey_arrow_top"
   case "ChartTrendingUpOutline": assetName = "onekey_chart_trending_up"
@@ -106,5 +129,5 @@ func nativeListIcon(named name: String) -> UIImage? {
   default: return nil
   }
   return UIImage(named: assetName, in: NativeListResources.bundle, compatibleWith: nil)?
-    .withRenderingMode(.alwaysTemplate)
+    .withRenderingMode(["GoogleIllus", "BotIllus", "AccountErrorCustom"].contains(name) ? .alwaysOriginal : .alwaysTemplate)
 }

package/ios/RNCNativeListView.swift

@@ -1,4 +1,5 @@
 import Foundation
+import CoreFoundation
 import UIKit
 import UniformTypeIdentifiers
 
@@ -51,7 +52,12 @@ final class NativeListView: UIView {
   var onSelectionDelta: ((String) -> Void)?
   var onReorder: ((String) -> Void)?
   var onEndReached: ((String) -> Void)?
-  var onVisibleRangeChanged: ((String) -> Void)?
+  var onVisibleRangeChanged: ((String) -> Void)? {
+    didSet {
+      lastVisibleRange = nil
+      if onVisibleRangeChanged != nil { emitVisibleRangeIfNeeded() }
+    }
+  }
 
   private let flowLayout = NativeListFlowLayout()
   private lazy var collectionView = UICollectionView(frame: .zero, collectionViewLayout: flowLayout)
@@ -77,6 +83,8 @@ final class NativeListView: UIView {
     target: self,
     action: #selector(reorderLongPressChanged(_:))
   )
+  // OneKey patch: claim only vertical drags so held rows and ancestor pagers stay responsive.
+  private lazy var listBodyGestureGuard = UIPanGestureRecognizer(target: nil, action: nil)
   private var interactiveReorderSource: (key: String, index: Int)?
   private weak var interactiveReorderCell: NativeListCell?
   private var interactiveReorderCompactKey: String?
@@ -92,7 +100,10 @@ final class NativeListView: UIView {
   private let actionAnchorInstanceID = UUID().uuidString
   private var actionAnchorCounter = 0
 
-  private static let sectionIndexGutter: CGFloat = 44
+  private static let sectionIndexContentInset: CGFloat = 16
+  private static let sectionIndexRailWidth: CGFloat = 32
+  private static let sectionIndexPreviewSize: CGFloat = 48
+  private static let sectionIndexPreviewEndMargin: CGFloat = 40
 
   override init(frame: CGRect) {
     super.init(frame: frame)
@@ -102,6 +113,11 @@ final class NativeListView: UIView {
     collectionView.dragDelegate = self
     collectionView.dropDelegate = self
     collectionView.alwaysBounceVertical = true
+    // OneKey patch: keep list-body drags from being claimed by an ancestor modal sheet.
+    listBodyGestureGuard.cancelsTouchesInView = false
+    listBodyGestureGuard.isEnabled = false
+    listBodyGestureGuard.delegate = self
+    collectionView.addGestureRecognizer(listBodyGestureGuard)
     reorderLongPress.minimumPressDuration = ReorderAnimation.longPressDuration
     reorderLongPress.allowableMovement = ReorderAnimation.allowableMovement
     reorderLongPress.delegate = self
@@ -136,11 +152,14 @@ final class NativeListView: UIView {
       sectionIndexView.trailingAnchor.constraint(equalTo: safeAreaLayoutGuide.trailingAnchor),
       sectionIndexView.topAnchor.constraint(equalTo: safeAreaLayoutGuide.topAnchor),
       sectionIndexView.bottomAnchor.constraint(equalTo: safeAreaLayoutGuide.bottomAnchor),
-      sectionIndexView.widthAnchor.constraint(equalToConstant: Self.sectionIndexGutter),
-      sectionIndexPreview.centerXAnchor.constraint(equalTo: collectionView.centerXAnchor),
+      sectionIndexView.widthAnchor.constraint(equalToConstant: Self.sectionIndexRailWidth),
+      sectionIndexPreview.trailingAnchor.constraint(
+        equalTo: safeAreaLayoutGuide.trailingAnchor,
+        constant: -Self.sectionIndexPreviewEndMargin
+      ),
       sectionIndexPreview.centerYAnchor.constraint(equalTo: collectionView.centerYAnchor),
-      sectionIndexPreview.widthAnchor.constraint(equalToConstant: 72),
-      sectionIndexPreview.heightAnchor.constraint(equalToConstant: 72),
+      sectionIndexPreview.widthAnchor.constraint(equalToConstant: Self.sectionIndexPreviewSize),
+      sectionIndexPreview.heightAnchor.constraint(equalToConstant: Self.sectionIndexPreviewSize),
     ])
 
     sectionIndexView.isHidden = true
@@ -152,11 +171,11 @@ final class NativeListView: UIView {
     }
     sectionIndexPreview.isHidden = true
     sectionIndexPreview.alpha = 0
-    sectionIndexPreview.layer.cornerRadius = 16
+    sectionIndexPreview.layer.cornerRadius = 14
     sectionIndexPreview.layer.masksToBounds = true
     sectionIndexPreview.textAlignment = .center
     sectionIndexPreview.adjustsFontForContentSizeCategory = true
-    sectionIndexPreview.font = nativeListFont(ofSize: 28, weight: .semibold)
+    sectionIndexPreview.font = nativeListFont(ofSize: 22, weight: .semibold)
     sectionIndexPreview.isAccessibilityElement = false
 
     footerCell.onAction = { [weak self] item, action, target, origin in
@@ -225,15 +244,18 @@ final class NativeListView: UIView {
     guard let next = try? NativeListConfig.parse(json: json) else { return }
     invalidateActionAnchor(reason: "snapshot")
     if let current = config, isControlledSelectionSnapshotUpdate(from: current, to: next) {
+      let changedSummaryKeys = Set(zip(current.items, next.items).compactMap { old, new in
+        old.content != new.content ? new.key : nil
+      })
       config = next
       itemsByKey = Dictionary(uniqueKeysWithValues: next.items.map { ($0.key, $0) })
-      refreshVisibleSelection()
+      refreshVisibleSelection(changedSummaryKeys: changedSummaryKeys)
       return
     }
     let oldItems = itemsByKey
+    if config?.generation != next.generation { endReachedGeneration = nil }
     config = next
     itemsByKey = Dictionary(uniqueKeysWithValues: next.items.map { ($0.key, $0) })
-    endReachedGeneration = nil
     configureSectionIndex(next)
     configureLayout(next)
     configureRefresh(next)
@@ -275,12 +297,14 @@ final class NativeListView: UIView {
     }
 
     var changedKeys: [String] = []
+    var sizeChanged = false
     for (index, changes) in pending {
       var merged = current.items[index].data
       changes.forEach { key, value in
         if key != "key" && key != "type" { merged[key] = value }
       }
       guard let item = try? NativeListItem(data: merged) else { return }
+      if rowHeight(current.items[index]) != rowHeight(item) { sizeChanged = true }
       current.items[index] = item
       changedKeys.append(item.key)
       if let selected = changes["selected"] as? Bool {
@@ -292,7 +316,13 @@ final class NativeListView: UIView {
     itemsByKey = Dictionary(uniqueKeysWithValues: current.items.map { ($0.key, $0) })
     var snapshot = dataSource.snapshot()
     snapshot.reconfigureItems(changedKeys.filter { snapshot.indexOfItem($0) != nil })
-    dataSource.apply(snapshot, animatingDifferences: false)
+    dataSource.apply(snapshot, animatingDifferences: false) { [weak self] in
+      guard let self else { return }
+      if sizeChanged { self.flowLayout.invalidateLayout() }
+      self.collectionView.layoutIfNeeded()
+      self.emitVisibleRangeIfNeeded()
+      self.checkEndReached()
+    }
     configureFooter(current)
   }
 
@@ -472,7 +502,8 @@ final class NativeListView: UIView {
 
   private func configureLayout(_ config: NativeListConfig) {
     let isHorizontal = config.orientation == "horizontal"
-    let indexGutter = sectionIndexEntries.isEmpty ? 0 : Self.sectionIndexGutter
+    // OneKey patch: the section index overlays rows and keeps only an accessory-safe inset.
+    let indexGutter = sectionIndexEntries.isEmpty ? 0 : Self.sectionIndexContentInset
     let isRightToLeft = effectiveUserInterfaceLayoutDirection == .rightToLeft
     flowLayout.scrollDirection = isHorizontal ? .horizontal : .vertical
     flowLayout.minimumLineSpacing = config.itemSpacing
@@ -485,7 +516,7 @@ final class NativeListView: UIView {
     )
     flowLayout.stickyItemIndexes = config.stickyHeaders
       ? Set(config.items.enumerated().compactMap {
-          $0.element.type == "sectionHeader" && $0.element.data.string("variant") != "summary"
+          $0.element.type == "sectionHeader" && $0.element.data.bool("sticky", default: true) && $0.element.data.string("variant") != "summary"
             ? $0.offset
             : nil
         })
@@ -493,6 +524,7 @@ final class NativeListView: UIView {
     flowLayout.invalidateLayout()
     collectionView.alwaysBounceHorizontal = isHorizontal
     collectionView.alwaysBounceVertical = !isHorizontal
+    listBodyGestureGuard.isEnabled = !isHorizontal
     collectionView.showsVerticalScrollIndicator = sectionIndexEntries.isEmpty
     collectionView.dragInteractionEnabled = false
     lastLayoutDirection = effectiveUserInterfaceLayoutDirection
@@ -512,11 +544,12 @@ final class NativeListView: UIView {
         interactiveReorderCell = nil
         return
       }
-      if item.type == "walletGroup", gesture.location(in: cell).y > 68 {
-        interactiveReorderSource = nil
-        interactiveReorderCell = nil
-        return
-      }
+      // OneKey patch: a hidden wallet child starts dragging its whole logical group.
+      // if item.type == "walletGroup", gesture.location(in: cell).y > 68 {
+      // interactiveReorderSource = nil
+      // interactiveReorderCell = nil
+      // return
+      // }
       interactiveReorderSource = (item.key, indexPath.item)
       interactiveReorderCell = cell
       interactiveReorderUsesAtomicTargeting = item.type == "identity" &&
@@ -838,7 +871,8 @@ final class NativeListView: UIView {
     sectionIndexView.configure(
       titles: sectionIndexEntries.map(\.title),
       textColor: nativeListColor(config.theme, "secondaryText", "#646464"),
-      activeColor: nativeListColor(config.theme, "accent", "#108303")
+      activeColor: nativeListColor(config.theme, "accent", "#108303"),
+      activeTextColor: nativeListColor(config.theme, "inverseText", "#FCFCFC")
     )
     sectionIndexView.isHidden = sectionIndexEntries.isEmpty
     sectionIndexPreview.backgroundColor = nativeListColor(
@@ -932,7 +966,7 @@ final class NativeListView: UIView {
       theme: config.theme,
       layout: config.layout,
       itemIndex: itemIndex,
-      selected: config.selectedKeys.contains(item.key),
+      selected: item.data.bool("selected") || config.selectedKeys.contains(item.key),
       checkboxState: { [weak self] item, target, fallback in
         self?.resolveCheckboxState(item: item, target: target, fallback: fallback) ?? fallback
       }
@@ -943,7 +977,8 @@ final class NativeListView: UIView {
   }
 
   private func handleRowPress(_ item: NativeListItem, origin: NativeListActionOrigin?) {
-    guard let config, !item.data.bool("disabled") else { return }
+    // OneKey patch: missing-address rows keep accessory actions available.
+    guard let config, !item.data.bool("disabled"), !item.data.bool("pressDisabled") else { return }
     if config.rowPressToggles && item.isSelectable && config.selectionMode != "none" {
       updateSelection(target: NativeSelectionTarget(scope: "row", key: item.key), sourceKey: item.key)
       return
@@ -1026,7 +1061,7 @@ final class NativeListView: UIView {
     return "indeterminate"
   }
 
-  private func refreshVisibleSelection() {
+  private func refreshVisibleSelection(changedSummaryKeys: Set<String> = []) {
     guard let config else { return }
     let checkboxState: (NativeListItem, NativeSelectionTarget?, String) -> String = {
       [weak self] item, target, fallback in
@@ -1035,9 +1070,13 @@ final class NativeListView: UIView {
     for indexPath in collectionView.indexPathsForVisibleItems {
       guard let item = config.items[safe: indexPath.item],
             let cell = collectionView.cellForItem(at: indexPath) as? NativeListCell else { continue }
+      if changedSummaryKeys.contains(item.key) {
+        bind(cell: cell, item: item, itemIndex: indexPath.item)
+        continue
+      }
       cell.updateSelection(
         item: item,
-        selected: config.selectedKeys.contains(item.key),
+        selected: item.data.bool("selected") || config.selectedKeys.contains(item.key),
         checkboxState: checkboxState
       )
     }
@@ -1080,19 +1119,73 @@ final class NativeListView: UIView {
     return zip(current.items, next.items).allSatisfy { old, new in
       guard old.key == new.key, old.type == new.type else { return false }
       if old.content == new.content { return true }
-      guard old.type == "sectionHeader",
-            old.data.string("variant") == "summary",
-            new.data.string("variant") == "summary" else { return false }
-      var oldData = old.data
-      var newData = new.data
-      oldData.removeValue(forKey: "title")
-      oldData.removeValue(forKey: "value")
-      newData.removeValue(forKey: "title")
-      newData.removeValue(forKey: "value")
+      // OneKey patch: controlled echoes can also update row and checkbox selection fields.
+      // guard old.type == "sectionHeader",
+      //       old.data.string("variant") == "summary",
+      //       new.data.string("variant") == "summary" else { return false }
+      // var oldData = old.data
+      // var newData = new.data
+      // oldData.removeValue(forKey: "title")
+      // oldData.removeValue(forKey: "value")
+      // newData.removeValue(forKey: "title")
+      // newData.removeValue(forKey: "value")
+      let controlled = next.selectionMode == "single" || next.selectionMode == "multiple"
+      guard let oldData = selectionComparisonData(old.data, controlled: controlled),
+            let newData = selectionComparisonData(new.data, controlled: controlled) else { return false }
       return jsonData(oldData) == jsonData(newData)
     }
   }
 
+  // OneKey patch: remove only fields that the existing lightweight binder refreshes.
+  private func selectionComparisonData(_ data: [String: Any], controlled: Bool) -> [String: Any]? {
+    guard let type = data["type"] as? String else { return nil }
+    var result = data
+    if let selected = result["selected"] {
+      guard CFGetTypeID(selected as CFTypeRef) == CFBooleanGetTypeID() else { return nil }
+      result.removeValue(forKey: "selected")
+    }
+    if type == "walletGroup" {
+      guard let parent = data["parent"] as? [String: Any], parent["type"] as? String == "identity",
+            let children = data["children"] as? [[String: Any]],
+            let normalizedParent = selectionComparisonData(parent, controlled: false) else { return nil }
+      var normalizedChildren: [[String: Any]] = []
+      for child in children {
+        guard child["type"] as? String == "identity",
+              let normalized = selectionComparisonData(child, controlled: false) else { return nil }
+        normalizedChildren.append(normalized)
+      }
+      result["parent"] = normalizedParent
+      result["children"] = normalizedChildren
+    }
+    if type == "sectionHeader", data["variant"] as? String == "summary" {
+      result.removeValue(forKey: "title")
+      result.removeValue(forKey: "value")
+    }
+    guard controlled else { return result }
+    func checkboxData(_ value: Any) -> [String: Any]? {
+      guard var checkbox = value as? [String: Any], checkbox["kind"] as? String == "checkbox" else { return nil }
+      if let state = checkbox["state"] {
+        guard let state = state as? String, ["checked", "unchecked", "indeterminate"].contains(state) else { return nil }
+      }
+      checkbox.removeValue(forKey: "state")
+      return checkbox
+    }
+    if ["dataRow", "sectionHeader", "action"].contains(type), let checkbox = result["checkbox"] {
+      guard let normalized = checkboxData(checkbox) else { return nil }
+      result["checkbox"] = normalized
+    }
+    if type == "identity", let trailing = result["trailing"] {
+      guard var accessories = trailing as? [[String: Any]], accessories.count <= 2,
+            accessories.filter({ $0["kind"] as? String == "checkbox" }).count <= 1 else { return nil }
+      for index in accessories.indices where accessories[index]["kind"] as? String == "checkbox" {
+        guard let normalized = checkboxData(accessories[index]) else { return nil }
+        accessories[index] = normalized
+      }
+      result["trailing"] = accessories
+    }
+    return result
+  }
+
   private func dictionariesEqual(_ lhs: [String: Any]?, _ rhs: [String: Any]?) -> Bool {
     switch (lhs, rhs) {
     case (nil, nil): return true
@@ -1107,16 +1200,36 @@ final class NativeListView: UIView {
   }
 
   private func rowHeight(_ item: NativeListItem) -> CGFloat {
+    // OneKey patch: honor selector baseline geometry; keep compact drag sizing.
+    if item.type != "walletGroup", item.data["height"] != nil { return CGFloat(item.data.double("height")) }
     if item.type == "system", item.data.string("variant") == "spacer" {
       return CGFloat(item.data.int("height"))
     }
+    // OneKey patch: warning height follows the current native font and available width.
+    if item.type == "system", item.data.string("variant") == "warning" {
+      let textWidth = max(1, collectionView.bounds.width - (config?.contentPaddingHorizontal ?? 0) * 2 - 24)
+      func textHeight(_ key: String, weight: NativeListFontWeight) -> CGFloat {
+        let paragraph = NSMutableParagraphStyle()
+        paragraph.minimumLineHeight = 20
+        paragraph.maximumLineHeight = 20
+        return ceil((item.data.string(key) as NSString).boundingRect(with: CGSize(width: textWidth, height: .greatestFiniteMagnitude), options: [.usesLineFragmentOrigin, .usesFontLeading], attributes: [.font: nativeListFont(ofSize: 14, weight: weight), .paragraphStyle: paragraph], context: nil).height / 20) * 20
+      }
+      return 32 + textHeight("title", weight: .medium) + textHeight("message", weight: .regular)
+    }
     if item.type == "walletGroup" {
       if item.key == interactiveReorderCompactKey { return 68 }
       let childCount = item.data.dictionaries("children").count
-      return CGFloat((childCount + 1) * 68 + childCount * 12)
+      // OneKey patch: wallet badges contribute their own member heights.
+      // return CGFloat((childCount + 1) * 68 + childCount * 12)
+      let members = [item.data.dictionary("parent")].compactMap { $0 } + item.data.dictionaries("children")
+      return members.reduce(CGFloat(childCount * 12 + (members.first?["height"] != nil ? 2 : 0))) { total, data in
+        total + CGFloat(data.double("height", default: data.dictionaries("badges").isEmpty ? 68 : 92))
+      }
     }
     if item.type == "identity", item.data.string("presentation") == "walletSidebar" {
-      return 68
+      // OneKey patch: default sidebar badge geometry is 24 points taller.
+      // return 68
+      return item.data.dictionaries("badges").isEmpty ? 68 : 92
     }
     if item.type == "identity", item.data.string("presentation") == "networkSelector" {
       return 47
@@ -1268,7 +1381,7 @@ final class NativeListView: UIView {
     actionAnchorCounter &+= 1
     let generation = config?.generation ?? 0
     let token = "\(actionAnchorInstanceID):\(generation):\(actionAnchorCounter):\(origin.bindingEpoch)"
-    let rect = sourceView.convert(sourceView.bounds, to: window)
+    let rect = sourceView.convert(sourceView.bounds, to: window).insetBy(dx: origin.anchorInset, dy: origin.anchorInset)
     let record = ActionAnchorRecord(token: token, origin: origin)
     actionAnchor = record
     var anchor: [String: Any] = [
@@ -1341,6 +1454,7 @@ final class NativeListView: UIView {
     DispatchQueue.main.async { [weak self] in
       guard let self else { return }
       self.visibleEventScheduled = false
+      guard let onVisibleRangeChanged = self.onVisibleRangeChanged else { return }
       let indexes = self.collectionView.indexPathsForVisibleItems.map(\.item).sorted()
       let first = indexes.first ?? -1
       let last = indexes.last ?? -1
@@ -1354,7 +1468,7 @@ final class NativeListView: UIView {
       var payload: [String: Any] = ["firstIndex": first, "lastIndex": last]
       if let firstKey { payload["firstKey"] = firstKey }
       if let lastKey { payload["lastKey"] = lastKey }
-      self.emit(self.onVisibleRangeChanged, payload)
+      self.emit(onVisibleRangeChanged, payload)
     }
   }
 
@@ -1371,10 +1485,18 @@ final class NativeListView: UIView {
     if let lastKey = config.items.last?.key { payload["lastKey"] = lastKey }
     emit(onEndReached, payload)
   }
+
+  override func gestureRecognizerShouldBegin(_ gestureRecognizer: UIGestureRecognizer) -> Bool {
+    guard gestureRecognizer === listBodyGestureGuard,
+          let pan = gestureRecognizer as? UIPanGestureRecognizer else { return true }
+    let velocity = pan.velocity(in: collectionView)
+    return abs(velocity.y) > abs(velocity.x)
+  }
 }
 
 extension NativeListView: UIGestureRecognizerDelegate {
   func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldReceive touch: UITouch) -> Bool {
+    if gestureRecognizer === listBodyGestureGuard { return true }
     var view = touch.view
     while let current = view, current !== footerCell {
       if current is UIControl { return false }
@@ -1387,7 +1509,26 @@ extension NativeListView: UIGestureRecognizerDelegate {
     _ gestureRecognizer: UIGestureRecognizer,
     shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer
   ) -> Bool {
-    gestureRecognizer.view === footerCell || otherGestureRecognizer.view === footerCell
+    if gestureRecognizer === listBodyGestureGuard {
+      guard let otherView = otherGestureRecognizer.view else { return false }
+      return otherView === collectionView || otherView.isDescendant(of: collectionView)
+    }
+    if otherGestureRecognizer === listBodyGestureGuard {
+      guard let gestureView = gestureRecognizer.view else { return false }
+      return gestureView === collectionView || gestureView.isDescendant(of: collectionView)
+    }
+    return gestureRecognizer.view === footerCell || otherGestureRecognizer.view === footerCell
+  }
+
+  func gestureRecognizer(
+    _ gestureRecognizer: UIGestureRecognizer,
+    shouldBeRequiredToFailBy otherGestureRecognizer: UIGestureRecognizer
+  ) -> Bool {
+    guard gestureRecognizer === listBodyGestureGuard,
+          otherGestureRecognizer is UIPanGestureRecognizer,
+          let otherView = otherGestureRecognizer.view,
+          otherView !== collectionView else { return false }
+    return collectionView.isDescendant(of: otherView)
   }
 }
 
@@ -1604,13 +1745,16 @@ private struct NativeListSectionIndexEntry {
   let position: Int
 }
 
-private final class NativeListSectionIndexView: UIControl {
+// OneKey patch: arbitrate index scrubbing against ancestor dismissal gestures.
+// private final class NativeListSectionIndexView: UIControl {
+private final class NativeListSectionIndexView: UIControl, UIGestureRecognizerDelegate {
   var onSelect: ((Int, Bool) -> Void)?
   var onInteractionEnded: (() -> Void)?
   private var titles: [String] = []
   private var labels: [UILabel] = []
   private var textColor: UIColor = .secondaryLabel
   private var activeColor: UIColor = .tintColor
+  private var activeTextColor: UIColor = .white
   private var lastTouchIndex: Int?
   private(set) var activeIndex: Int?
 
@@ -1620,16 +1764,43 @@ private final class NativeListSectionIndexView: UIControl {
     accessibilityLabel = "Section index"
     accessibilityTraits = [.adjustable]
     isExclusiveTouch = true
+
+    // UIControl tracking alone cannot prevent an ancestor sheet pan from taking the touch.
+    // Recognize immediately, but keep delivering touches to the existing tracking methods.
+    let scrubGesture = UILongPressGestureRecognizer(target: nil, action: nil)
+    scrubGesture.minimumPressDuration = 0
+    scrubGesture.allowableMovement = .greatestFiniteMagnitude
+    scrubGesture.cancelsTouchesInView = false
+    scrubGesture.delaysTouchesEnded = false
+    scrubGesture.delegate = self
+    addGestureRecognizer(scrubGesture)
+  }
+
+  func gestureRecognizer(
+    _ gestureRecognizer: UIGestureRecognizer,
+    shouldBeRequiredToFailBy otherGestureRecognizer: UIGestureRecognizer
+  ) -> Bool {
+    guard otherGestureRecognizer is UIPanGestureRecognizer,
+          let otherView = otherGestureRecognizer.view,
+          otherView !== self else { return false }
+    // The dependency applies only to touches starting in this index, including moves outside it.
+    return isDescendant(of: otherView)
   }
 
   required init?(coder: NSCoder) {
     fatalError("init(coder:) has not been implemented")
   }
 
-  func configure(titles: [String], textColor: UIColor, activeColor: UIColor) {
+  func configure(
+    titles: [String],
+    textColor: UIColor,
+    activeColor: UIColor,
+    activeTextColor: UIColor
+  ) {
     self.titles = titles
     self.textColor = textColor
     self.activeColor = activeColor
+    self.activeTextColor = activeTextColor
     labels.forEach { $0.removeFromSuperview() }
     labels = titles.map { title in
       let label = UILabel()
@@ -1660,9 +1831,9 @@ private final class NativeListSectionIndexView: UIControl {
     let originY = (bounds.height - height * CGFloat(labels.count)) / 2
     for (index, label) in labels.enumerated() {
       label.frame = CGRect(
-        x: 0,
+        x: 6,
         y: originY + CGFloat(index) * height,
-        width: bounds.width,
+        width: 20,
         height: height
       )
     }
@@ -1718,7 +1889,10 @@ private final class NativeListSectionIndexView: UIControl {
   private func updateLabelStyles() {
     for (index, label) in labels.enumerated() {
       let active = index == activeIndex
-      label.textColor = active ? activeColor : textColor
+      label.textColor = active ? activeTextColor : textColor
+      label.backgroundColor = active ? activeColor : .clear
+      label.layer.cornerRadius = 8
+      label.layer.masksToBounds = active
       label.font = nativeListFont(ofSize: 10, weight: active ? .semibold : .medium)
     }
   }

package/ios/Resources/NativeListIcons.xcassets/onekey_selector_account_error_custom.imageset/Contents.json

@@ -0,0 +1,15 @@
+{
+  "images": [
+    {
+      "filename": "icon.svg",
+      "idiom": "universal"
+    }
+  ],
+  "info": {
+    "author": "xcode",
+    "version": 1
+  },
+  "properties": {
+    "preserves-vector-representation": true
+  }
+}

package/ios/Resources/NativeListIcons.xcassets/onekey_selector_account_error_custom.imageset/icon.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor">
+    <path
+      fill="#000"
+      fill-opacity="0.447"
+      d="M12.5 12.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5"
+    />
+    <path
+      fill="#000"
+      fill-opacity="0.447"
+      fill-rule="evenodd"
+      d="M0 3.5A3.5 3.5 0 0 1 3.5 0h8.088A2.41 2.41 0 0 1 14 2.412V5h1a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3H4a4 4 0 0 1-4-4zm2 3.163V14a2 2 0 0 0 2 2h11a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H3.5c-.537 0-1.045-.12-1.5-.337M2 3.5A1.5 1.5 0 0 0 3.5 5H12V2.412A.41.41 0 0 0 11.588 2H3.5A1.5 1.5 0 0 0 2 3.5"
+      clip-rule="evenodd"
+    />
+  </svg>

package/ios/Resources/NativeListIcons.xcassets/onekey_selector_all_networks_solid.imageset/Contents.json

@@ -0,0 +1,15 @@
+{
+  "images": [
+    {
+      "filename": "icon.svg",
+      "idiom": "universal"
+    }
+  ],
+  "info": {
+    "author": "xcode",
+    "version": 1
+  },
+  "properties": {
+    "preserves-vector-representation": true
+  }
+}

package/ios/Resources/NativeListIcons.xcassets/onekey_selector_all_networks_solid.imageset/icon.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+    <path
+      fill="currentColor"
+      d="M15.333 13.998a1.335 1.335 0 1 1 0 2.67 1.335 1.335 0 0 1 0-2.67"
+    />
+    <path
+      fill="currentColor"
+      fill-rule="evenodd"
+      d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0M8 12.668A2 2 0 0 0 6 14.666V16c0 1.103.895 1.997 1.998 1.998h1.334A2 2 0 0 0 11.33 16v-1.334a2 2 0 0 0-1.998-1.998zm7.333 0a2.665 2.665 0 1 0 0 5.33 2.665 2.665 0 0 0 0-5.33M7.999 6.001A2 2 0 0 0 6.001 8v1.334c0 1.103.895 1.998 1.998 1.998h1.334a2 2 0 0 0 1.998-1.998V7.999a2 2 0 0 0-1.998-1.998zm6.667 0A2 2 0 0 0 12.668 8v1.334c0 1.103.895 1.998 1.998 1.998H16a2 2 0 0 0 1.998-1.998V7.999A2 2 0 0 0 16 6.001z"
+      clip-rule="evenodd"
+    />
+  </svg>

package/ios/Resources/NativeListIcons.xcassets/onekey_selector_apple_brand.imageset/Contents.json

@@ -0,0 +1,15 @@
+{
+  "images": [
+    {
+      "filename": "icon.svg",
+      "idiom": "universal"
+    }
+  ],
+  "info": {
+    "author": "xcode",
+    "version": 1
+  },
+  "properties": {
+    "preserves-vector-representation": true
+  }
+}

package/ios/Resources/NativeListIcons.xcassets/onekey_selector_apple_brand.imageset/icon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 20" fill="currentColor">
+    <path
+      fill="currentColor"
+      d="M11.67.834c.117 1.074-.315 2.153-.955 2.928-.64.773-1.692 1.378-2.718 1.298-.14-1.054.38-2.151.971-2.836C9.63 1.45 10.746.872 11.67.834M14.994 7.093c-.176.108-1.992 1.224-1.972 3.482.025 2.769 2.428 3.693 2.46 3.705l-.004.015a10.1 10.1 0 0 1-1.264 2.593c-.764 1.116-1.556 2.229-2.806 2.254-.598.011-1-.162-1.416-.343-.437-.19-.891-.386-1.609-.386-.751 0-1.226.203-1.683.398-.397.169-.78.333-1.32.354-1.208.047-2.124-1.207-2.895-2.32C.909 14.57-.294 10.414 1.322 7.612c.803-1.395 2.237-2.275 3.794-2.298.671-.014 1.32.244 1.89.47.434.172.821.326 1.135.326.282 0 .659-.149 1.099-.323.692-.273 1.539-.607 2.41-.518.599.026 2.276.24 3.354 1.818z"
+    />
+  </svg>

package/ios/Resources/NativeListIcons.xcassets/onekey_selector_bot_illus.imageset/Contents.json

@@ -0,0 +1,15 @@
+{
+  "images": [
+    {
+      "filename": "icon.svg",
+      "idiom": "universal"
+    }
+  ],
+  "info": {
+    "author": "xcode",
+    "version": 1
+  },
+  "properties": {
+    "preserves-vector-representation": true
+  }
+}