react-motion

    0

    1答えて

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

    0

    1答えて

    大きなコンテナコンポーネントが一方の側からスライドし、他方のスライドが他方の側にスライドするようなビュー遷移を容易にしようとしています。 リアクションモーションで問題なく動作するように個別のアニメーションをすべて取得することはできますが、同時に両方を同時に処理する方法はありません。 本質的に、両方のコンポーネントがビューポートに同時に存在する点があります。私は、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を使ってアニメーションを構築するのに役立つさまざまなツールがあります。しかし、それぞれには独自の欠点があります。かなり有効であるが、それはCSSとJavaScript間の結合が導入されてどのように私は好きではない: ReactCSSTransitionGroup:私は今まで調査してきたツールは以下の通り。たとえば: <ReactCSSTransitionGroup t

    0

    1答えて

    : <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答えて

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

    1

    1答えて

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

    0

    1答えて

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