リアクションネイティブ：LayoutAnimation

Question

私はリアクションネイティブのLayoutAnimationを使用してカスタムスイッチコンポーネントを実装しています。

私はそうのようLayoutAnimationを使用して、円の動きをアニメーション化しています：

componentWillUpdate() { 
    let switchAnimation = { 
    duration: 250, 
    update: { 
     type: LayoutAnimation.Types.linear, 
     property: LayoutAnimation.Properties.opacity, 
    }, 
    }; 
    LayoutAnimation.configureNext(switchAnimation); 
} 

スイッチは、独自の構成要素です。それは、css（justifyContentフレックススタートまたはフレックスエンド）を使用して左または右に円を設定するための小道具を受け取る

問題は私の見解では、スイッチが値を変更したときに他のコンポーネントも同様に変化します。ヒットさ：

1）スイッチは

2に変更）アイコンが

3を変更する）いくつかのテキストは、上記のアニメーションの

すべてを変更します。私はアニメーションのみを変更しようとしましたが、アニメーション化されたAPIを使用しようとしましたが、アニメーションのflexプロパティをサポートしていないようです。 Animated APIを広範囲に使用する人はいませんか？

Answer 1

LayoutAnimationは多くのことをしています。ソースを使いこなす場合を除いて、コンテナ内のサークルを移動するためにマージン値を設定して変更することができます。コンポーネント内ですべての計算を行い、いくつかのスタイルを小道具として公開することができます。