問題タブ [react-animations]

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 投票する
1 に答える
67 参照

react-native - Animate.event で dy 値を手動で設定する方法はありますか?

条件が合えばテーブルをある程度の高さまで上げられるようにしたい。dy の値を手動で設定するにはどうすればよいですか? this.state.drag.yオブジェクトを返します。単純な値であれば手動で設定できますが、このシナリオで dy を手動で設定するにはどうすればよいですか?

0 投票する
1 に答える
4123 参照

reactjs - ReactDOM createPortal を使用した react-transition-group のアニメーション化

私は非常に簡単だと思ったことを達成する方法を見つけようとして頭を悩ませてきました(私は知っています...)

目標は、トリガー ボタンまたは w/e を使用して何らかの HOC でアニメーション化できる、非常に最小限再利用可能なモーダル コンポーネントです。

私はcreatePortalを使用して作成しています。目標は、ポータルの出入り時にいくつかの簡単なアニメーションを追加することです。

私は GSAP を使用してこれを機能させましたが、理想的には、別のアニメーション ライブラリを取り込む必要がないように、これを SC と一緒に使用したいと考えています。

私の人生では、これをSCで機能させることができず、誰かが私を正しい方向に向けることができれば幸いです.

ここでサンドボックスを作成しました: https://codesandbox.io/s/r44w9m4o5p GSAP を使用してアニメーションを実行します。これは少しハックですが、目的に沿った適切な方向です。

また、 https://github.com/react-tools/react-moveのようなものよりも react-transition-group を使用する利点はありますか?