FlatList嵌套同方向VirtualizedList报错致TestFlight崩溃求助

报错信息 #

A VirtualizedList contains a cell with more than one VirtualizedList of the same orientation as the parent list. You must pass a unique listKey prop to each sibling list.

VirtualizedList trace:
  Child (vertical):
    listKey: rootList-header
    cellKey: rootList-header
  Parent (vertical):
    listKey: function listKey(item, index) {
          return 'createEX' + index.toString();
        }
    cellKey: rootList

问题场景 #

• Expo开发环境下仅抛出警告，应用可正常运行
• 打包提交至TestFlight后，应用直接崩溃
• 移除MetNeedsMenu组件后恢复正常，已尝试给该组件内的SelectBox设置listKey，但问题未解决

解决方案 #

• 排查所有嵌套虚拟化列表的listKey：
  确认MetNeedsMenu组件内所有同方向（垂直）的FlatList/VirtualizedList（包括SelectBox内部的下拉选项列表）都配置了唯一且不重复的listKey，不能和父列表的listKey或其他子列表的listKey冲突。
• 将弹窗类列表移出FlatList层级：
  如果SelectBox的选项列表是弹窗形式，使用Portal组件将其挂载到根视图层级，脱离父FlatList的虚拟化容器，从根源避免嵌套冲突。
• 关闭子列表虚拟化（小数据量场景）：
  若子列表数据量较小，给子FlatList添加disableVirtualization={true}属性，关闭虚拟化渲染，规避嵌套虚拟化的兼容性问题。
• 调整父列表listKey格式：
  将父列表的函数式listKey改为更明确的静态结合形式，例如listKey={(item, index) => createEX-${index}}，确保listKey的唯一性和可识别性。

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