Я пытаюсь сделать tabBar из materialToptabNavigator липким к анимированному представлению внутри родительского экрана, которое действует как заголовок для всех вкладок. Я видел несколько примеров с другими библиотеками, которые делают это, но я не нашел ту, которая использует реагирующую навигацию версии 4. Кроме того, мне нужно, чтобы она прикреплялась только после того, как представление завершило анимацию, поэтому мне, вероятно, придется продолжать передавать scrollY значение scrollView для стилей tabnavigator, пока оно не достигнет HeaderMinHeight (новая высота просмотра при полной анимации). Я не знаю, смогу ли я изменить стили TabBar динамически или добавление пользовательского tabBarComponent - это путь к go.
Вот мой родительский экран с вложенным toptabNav: https://youtu.be/IrSLVpoPmj0
Это то, чего я пытаюсь достичь: https://youtu.be/B5wv8jFGNUo
Извините, я не смог опубликовать его в формате gif, stackOverflow пока не позволяет мне. Если в любом случае возможно, что вы могли бы указать мне на возможное решение или пример, это было бы здорово. Я не хочу устанавливать какие-либо сторонние библиотеки для этого. Любая помощь очень ценится.
Версии:
"react-navigation": "^4.0.10",
"react-navigation-stack": "^1.10.3",
"react-navigation-tabs": "^2.6.2",
"react-native": "0.61.5",