Как убрать ошибку при использовании FlatList в ScrollView?

Question

[gentle_liar]

Я джун в react-native. Когда я использую FlatList в ScrollView, то выпадает ошибка:

VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead.

В FlatList вывожу список друзей, новости и т.д., их может быть несколько. Над и под FlatList также много других компонентов.

Пытался заместо ScrollView сделать SafeAreaView, в этом случае пропадает скролл всего экрана.

Использую

1. "react": "16.9.0"
   
2. "react-native": "0.61.5"
   

Answer 1

[Димка Реактнативный]

Нельзя использовать ScrollView вместе с Flatlist.
Для ваших задач у Flatlist следующие параметры:
ListHeaderComponent - для хедера
ListFooterComponent - для футера

Comments

[gentle_liar]

Просто контента очень много над и под листом + несколько списков выводится на странице. Сейчас списки на .map() перевожу, так вообще можно делать?) Просто читал, что лучше юзать FlatList компонент для длинных списков)

[Димка Реактнативный]

gentle_liar, я ответил на ваш вопрос
У Flatlist смотрите props:
ListHeaderComponent - для хедера
ListFooterComponent - для футера