問題タブ [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.

0 投票する
0 に答える
112 参照

react-native - 親画面のアニメーション ビュー (ヘッダー) に materialTopTabNavigation を貼り付けるにはどうすればよいですか?

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

ネストされた toptabNav を使用したparentScreen は次のとおりです: https://youtu.be/IrSLVpoPmj0

これは私が達成しようとしているものです: https://youtu.be/B5wv8jFGNUo

申し訳ありませんが、gif 形式で投稿できませんでした。stackOverflow ではまだ投稿できません。とにかく、可能な解決策や例を教えてくれる可能性があれば、それは素晴らしいことです. このためにサードパーティのライブラリをインストールしたくありません。どんな助けでも大歓迎です。

バージョン:

0 投票する
2 に答える
6242 参照

react-native - React Native : react-native-reanimated を使用してビューの高さをアニメーション化するとパフォーマンスが低下する

リストをスクロールするときにビューの高さをアニメーション化すると、非常に遅く途切れ途切れになります。IOS では問題なく動作しますが、Android では動作しません。

スムーズにするためにできることはありますか?