react-motion

0熱

1答えて

React-Motion - スプリングアニメーション用のボタンを押したままにする

私はこれらの2つの入力を400ピクセル右に動かしようとしています。私はこのデモからの単語をかなりコピーしましたが、私はアニメーションを結んでいるボタンを保持し、私はなぜわからない。あなたの人が何を起こしているのかを明らかにできるかどうか、私は疑問に思っていました。私は非常に反応して新しく、ありがとう。 import React, { Component } from 'react'; impor

0熱

1答えて

React JSのスライドトランジションと絶対配置

大きなコンテナコンポーネントが一方の側からスライドし、他方のスライドが他方の側にスライドするようなビュー遷移を容易にしようとしています。リアクションモーションで問題なく動作するように個別のアニメーションをすべて取得することはできますが、同時に両方を同時に処理する方法はありません。本質的に、両方のコンポーネントがビューポートに同時に存在する点があります。私は、CSSレイアウトの知識が問題を適切に

0熱

1答えて

アニメーションごとのリアクションモーションレンダリング

React-Motion（https://github.com/chenglou/react-motion）を使用して実際にパフォーマンスが低下しています。テーブル行のドロップダウンの高さを0から260にアニメートしています。 constructor() { this.state = { opened: false } this.handleRowCli

2熱

1答えて

リアクションモーションで要素の終了をアニメーション化する（親要素からこれらの要素を受け取る）

背景それぞれがコレクションから削除できる要素のコレクションのコンテナを作成しようとしています。要素が削除されると、その出口をアニメートしたいと思い、React Motionを使用してこれを達成しようとしています。ここでは、上記の図です：問題私は、モーションのTransitionMotionコンポーネントを反応させるの使用を考え、それに渡される必要がある関数を記述しようとして捕まってしまいました

1熱

1答えて

反動で、アニメーションをリセットする方法は？

特定のUIでは、新しい画像をアップロードするたびに、画像を更新できます。前の画像を新しい画像にフェードアウトさせたい場合があります。問題は、アニメーションが最初の変更を実行することである： return( <div> <Motion defaultStyle={{opacity: 1}} style={{opacity: spring(0)}}> { interpola

1熱

1答えて

Reactjを使って順次アニメーションを作成する最良の方法は何ですか？

個人がReactJを使ってアニメーションを構築するのに役立つさまざまなツールがあります。しかし、それぞれには独自の欠点があります。かなり有効であるが、それはCSSとJavaScript間の結合が導入されてどのように私は好きではない： ReactCSSTransitionGroup：私は今まで調査してきたツールは以下の通り。たとえば： <ReactCSSTransitionGroup t

0熱

1答えて

はReduxの、反応して反応モーションAPPにおいて

： <FramesCollection> <Frames1 speed='1.0' width='auto' zIndex='1' /> <Frames2 speed='1.2' width='auto' zIndex='1' /> <Frames3 speed='1.4' width='auto' zIndex='1' /> <Frames4 sp

1熱

1答えて

React Motion willEnterとwill will not have firing

私は反応運動を開始しようとしていますが、何らかの理由でwillEnterとwillLeaveというメソッドがTransitionMotionを使用しているときに発火していないようです。 import React, { Component } from 'react'; import RecommendationItem from '../typeahead/typeahead_recommend

1熱

1答えて

React-Motionを使用してReact-Konva Circleをアニメートできない

React-Konvaを使用してアプリケーションで図形を描画しています。私は別の円の中に円を描き、それらをグループ化しました。今、私がしたいことは、ボタンをクリックすると円がアニメート（水平に移動）する必要があるということです。 <Layer> <Motion style={{a: spring(open ? 400 : x)}}> {({a}) => { retu

0熱

1答えて

reduxとのリアクション

React + Reduxアプリで新しいコメントを追加するには、react-motionでアニメーション化しようとしています。 class Comments extends Component { getDefaultStyles() { const { comments } = this.props; return comments.map((c, i) =>