2017-01-23 19 views
10

は、我々はスタイル・コンポーネントのプロジェクトから次の問題の原因を把握しようとしている。https://github.com/styled-components/styled-components/issues/389Animated.Component/createAnimatedComponent(Component)はComponentとどう違うのですか?

いくつかのアニメーション関連の情報が受け継がれていないassuminglyので、一つの場所にアニメーションを破ったレフリー+ setNativePropsに行われたいくつかの変更がありました正しく

createAnimatedComponentが最初のコンポーネントをどのように変更するのか理解するための質問は何ですか?正しく渡されないとアニメーションが壊れる原因は何ですか?

この問題の原因が分かっている場合は、アイデアや詳細な回答をご記入ください。それは天然成分である場合に問題に関連

UPDATE 破断変化がどこ参照用this file内で発生innerRefrefisTag機能チェックをダウン渡します。

答えて

2

アニメーション化可能なコンポーネントをアニメートすることができます。ビュー、テキスト、およびイメージはすでに提供されており、createAnimatedComponentを使用してカスタムのものを作成できます。これらの特別なコンポーネントは、アニメーション化された値をプロパティにバインドする魔法を実行し、ネイティブの更新をターゲットにして、すべてのフレームで反応レンダリングおよび調整プロセスのコストを回避します。また、アンマウント時にクリーンアップを処理するので、デフォルトで安全です。

https://facebook.github.io/react-native/docs/animated.html

+1

'アニメーションvalues'結合の魔法は、私はすなわち、それは/どのようになど何を結合さに関する詳細な情報を見つけることができないビットであるのですか? – Ilja

+1

実際には、ここでの作者の意味は、現在のオブジェクトの小道具、すなわちthis.propsに加えて、何かが変化しても要素が再レンダリングされたときに反応することによるものです。したがって、アニメーション化されたコンポーネントの場合、Reactはブラウザのネイティブまたはデフォルトのレンダリングメカニズムに切り替えます。つまり、変更が行われるたびにエレメントがレンダリングされません。 –