React Native

React Native アニメーション

Animated API、Reanimated 2/3、Gesture Handler、レイアウトアニメーション、パフォーマンス

22 面接問題·
Mid-Level
1

React Native の Animated API でアニメーション可能な値を作成するには、どのオブジェクトを使用しますか?

回答

Animated.Value は React Native でアニメーション可能な値を作成するための基本的なオブジェクトです。時間の経過とともに滑らかに変更できる数値をカプセル化します。この値を opacity、transform、width などのスタイルプロパティに紐付けることで、視覚的なアニメーションを作成できます。

2

設定可能な duration と easing で滑らかなトランジションを作成できるアニメーションメソッドはどれですか?

回答

Animated.timing は時間ベースのアニメーションを作成する最も一般的なメソッドです。duration、easing 関数(加速/減速)、オプションで遅延を定義できます。このメソッドは、アニメーションの開始から終了までの進行を正確に制御できます。

3

Animated API で複数のアニメーションを同時に実行できるメソッドはどれですか?

回答

Animated.parallel はアニメーションの配列を並列に実行し、すべてを同時に開始します。このメソッドは、要素を移動させながら同時にフェードインさせるなど、複数のアニメーションプロパティを同期させるのに最適です。デフォルトではいずれかのアニメーションが失敗すると停止しますが、この動作は stopTogether で設定できます。

4

アニメーションを順番に次々と連鎖させて実行できるメソッドはどれですか?

5

固定の duration なしでリアルな物理的バウンス効果を作成するアニメーションメソッドはどれですか?

+19 面接問題

次の面接に向けてReact Nativeをマスター

すべての問題、flashcards、技術テスト、コードレビュー演習、面接シミュレーターにアクセス。

無料で始める