materialToptabNavigator の tabBar を、すべてのタブのヘッダーとして機能する親画面内のアニメーション ビューに貼り付けようとしています。これを行う他のライブラリでいくつかの例を見てきましたが、react-navigation バージョン 4 を使用するものは見つかりませんでした。さらに、ビューのアニメーション化が完了した後にのみ貼り付ける必要があるため、おそらくscrollYscrollView の値を、HeaderMinHeight (完全にアニメーション化されたときのビューの新しい高さ) に達するまで、tabnavigator のスタイルに合わせます。TabBar のスタイルを動的に変更できるかどうか、またはカスタム tabBarComponent を追加する方法があるかどうかはわかりません。
ネストされた toptabNav を使用したparentScreen は次のとおりです: 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",