React Native 中的嵌套列表组件

如何解决React Native 中的嵌套列表组件

我有一个关于 React Native 中嵌套列表组件的一般性问题。

我经常偶然发现此错误消息：

VirtualizedLists 不应该嵌套在普通的 ScrollViews 中相同的方向 - 使用另一个 VirtualizedList 支持的容器相反。

当我尝试在 ScrollView 组件中放置 FlatList 时出现此错误。我知道如果我只是用 ScrollView 替换 FlatList 并在 ScrollView 中有一个 ScrollView ，我可以轻松修复错误，但问题是：

我需要一个列表组件，在其中显示动态数量的自定义组件，这就是我选择 FlatList 的原因。我可以获取一个对象列表，并为其中的每个对象在我的列表组件中创建多个组件。

这是我想要完成的示例：

const DATA = [{id: 121212,name: "Alpha"},{id: 23131,name: "Beta"},{id: 3544452,name: "Gamma"},{id: 1234512,name: "Delta"},...]

<View>
   <ScrollView>
      <Any other component thats not important/>
      <SPECIALLIST //Thats the component I look for,the special list that doesnt throw any error anymore
         <CustomComponent id={DATA[0][0]}/>
         <CustomComponent id={DATA[1][0]}/>
         <CustomComponent id={DATA[2][0]}/>
         ...
         ...
         //create as many CustomComponents as items inside the DATA array,so basicly a DYNAMIC amount of components
      />
      <Any other component thats not important/>
   </ScrollView>
</View>

有谁知道我可以使用哪种 ListComponent 作为我的 SPECIALLIST 以避免出现错误消息并在列表中创建一个列表，该列表可以容纳动态数量的任何类型的组件？