Реагировать на собственный анимированный плоский список на вкладке и в виде головы

Question

Я собираюсь реализовать компонент ниже, используя реакционную систему native.

на этой странице у нас есть вид заголовка и меню вкладок, и каждая вкладка содержит плоский список.При прокрутке плоского списка на вкладке вид заголовка скрыт как анимированный.

мы должны держать панель вкладок.Я реализовал одно представление заголовка + одно анимированное последующее составное действие списка.Но мой требуемый результат - tab-flatlist.Есть ли решение для этого?

Answer 1

Приложение spotify делает то же самое со списком музыки / альбомов, я пытался сделать это с анимацией и js, но производительность была не такой уж хорошей, просто она не была быстрой, мой совет - иметь 2 прокрутки внутридруг друга, внешний, содержащий заголовок, и второй (внутренний) вид прокрутки под заголовком, а внутренний вид прокрутки должен быть плоским списком.Что должно произойти, так это то, что когда вы прокручиваете, сначала будет прокручиваться внешний вид прокрутки, а когда он достигнет конца, начнется прокрутка внутреннего.

<ScrollView> <== outer scrollview
 <header/>
 <ScrollView> <== inner scrollview(should be a flatlist in your case)
   <FlatList/>
 </ScrollView>
</ScrollView>