Привет. Подскажите пожалуйста как реализовать следующую идею. На экране есть header,

Question

React Native — русскоговорящее сообщество

Привет. Подскажите пожалуйста как реализовать следующую идею. На экране есть header,

под ним табы (MaterialTopTabNavigator) и в этих табах размещены FlatList'ы или просто статичный контент.

Нужно чтобы при скролле флатлистов или статичного контента, если он больше экрана, header уезжал вверх и выезжал обратно при обратном скролле.

Другими словами:
Как будто экран представляет из себя ScrollView, контент которого высотой в размер экрана + высота хедера. При скролле экрана сначала должен скроллится ScrollView, а потом, если конец скролла, должны скроллится другие скроллы, внутри внешнего ScrollView.

Пытался так и сделать, обернуть все в ScrollView с фиксированной высотой и внутри флатлисты тоже с фиксированной высотой. В итоге скроллится только внешний ScrollView.
А если заменить внешний ScrollView на FlatView, то такое же поведение и почему-то падал фпс.

Есть какие-нибудь идеи как это реализовать?