如何水平和垂直渲染平面列表？

Question

我有一个10x10的矩阵，我想将其呈现在平面列表中。如何在此上启用垂直和水平滚动，以便用户可以从10X10矩阵中选择所需的项目。我只希望我的平面列表以两种方式滚动。

Answer 1

请根据您要显示的列数，在列表 numColumns = {10} 中传递它，它将在列表中水平显示项目 以网格格式 （您不需要单独的滚动视图）

Answer 2

为此，您可以按照以下步骤将FlatList嵌套在ScrollView内

<ScrollView>
  <View>
     <FlatList />
  </View>
</ScrollView>

要实现双向滚动行为，您可以通过嵌套第二个ScrollView来做到这一点

<ScrollView
 horizontal
 bounces={false}
>
  <ScrollView
    nestedScrollEnabled
    bounces={false}
    contentContainerStyle={{ height: //the height of your inner content }}
   >
      <View>
        <FlatList />
      </View>
   </ScrollView>
 </ScrollView>

我还没有测试过，所以请确保问我任何事情。