Как отобразить первый элемент в плоский список на полную ширину, а оставшиеся элементы в 2 столбца

Question

Как отобразить данные в собственном плоском списке реагирования для отображения в качестве первого элемента с полной шириной и оставшимися элементами в одной строке 2 столбца.

          Item 1
  Item 2     item3
  Item4      item5
  Item6      item7 and so on 

Answer 1

Вы не можете сделать это с помощью Flatlist с помощью свойства renderItem.Однако, посмотрите на документы здесь и, в частности, посмотрите на ListHeaderComponent.Если вы знаете, что вы всегда будете рендерить первый элемент в FlatList как элемент полной ширины, то извлеките его из ваших данных и используйте ListHeaderComponent для его рендеринга.Передайте оставшиеся данные через реквизит «data» и убедитесь, что для реквизита «numColumns» установлено значение 2.

Удачи!