Как сделать плоский список по горизонтали и вертикали?

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>

Я еще не проверял это, поэтому, пожалуйста, обязательно спросите меня.