时间戳

首页 > 解决方案 > 多个 VirtualizedLists 和 ScrollViews 警告

react-native - 多个 VirtualizedLists 和 ScrollViews 警告

问题描述

目前有一个具有以下架构的屏幕：

<ScrollView>
  <Header>
  <FlatList> // virtualized

  <Header>
  <FlatList> // virtualized

  <Header>
  <FlatList> // virtualized

  ...
</ScrollView>

<Header>只是一个类似标题的风格化文本。

它自然会发出警告：

VirtualizedLists 永远不应该嵌套在具有相同方向的普通 ScrollViews 中 - 改用另一个 VirtualizedList 支持的容器。

单个列表有一个很好的解决方案：

React-Native 另一个 VirtualizedList 支持的容器

问：但是如何处理上面架构中的多个列表？

标签： react-nativereact-native-flatlistmobile-developmentreact-native-scrollview

解决方案

推荐阅读