問題タブ [react-native-reanimated]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
react-native - 親画面のアニメーション ビュー (ヘッダー) に materialTopTabNavigation を貼り付けるにはどうすればよいですか?
materialToptabNavigator の tabBar を、すべてのタブのヘッダーとして機能する親画面内のアニメーション ビューに貼り付けようとしています。これを行う他のライブラリでいくつかの例を見てきましたが、react-navigation バージョン 4 を使用するものは見つかりませんでした。さらに、ビューのアニメーション化が完了した後にのみ貼り付ける必要があるため、おそらくscrollY
scrollView の値を、HeaderMinHeight (完全にアニメーション化されたときのビューの新しい高さ) に達するまで、tabnavigator のスタイルに合わせます。TabBar のスタイルを動的に変更できるかどうか、またはカスタム tabBarComponent を追加する方法があるかどうかはわかりません。
ネストされた toptabNav を使用したparentScreen は次のとおりです: https://youtu.be/IrSLVpoPmj0
これは私が達成しようとしているものです: https://youtu.be/B5wv8jFGNUo
申し訳ありませんが、gif 形式で投稿できませんでした。stackOverflow ではまだ投稿できません。とにかく、可能な解決策や例を教えてくれる可能性があれば、それは素晴らしいことです. このためにサードパーティのライブラリをインストールしたくありません。どんな助けでも大歓迎です。
バージョン:
react-native - React Native : react-native-reanimated を使用してビューの高さをアニメーション化するとパフォーマンスが低下する
リストをスクロールするときにビューの高さをアニメーション化すると、非常に遅く途切れ途切れになります。IOS では問題なく動作しますが、Android では動作しません。
スムーズにするためにできることはありますか?