React Native アニメーション
Animated API、Reanimated 2/3、Gesture Handler、レイアウトアニメーション、パフォーマンス
22 面接問題·
Mid-Level
1React Native の Animated API でアニメーション可能な値を作成するには、どのオブジェクトを使用しますか?
1
React Native の Animated API でアニメーション可能な値を作成するには、どのオブジェクトを使用しますか?
回答
Animated.Value は React Native でアニメーション可能な値を作成するための基本的なオブジェクトです。時間の経過とともに滑らかに変更できる数値をカプセル化します。この値を opacity、transform、width などのスタイルプロパティに紐付けることで、視覚的なアニメーションを作成できます。
2設定可能な duration と easing で滑らかなトランジションを作成できるアニメーションメソッドはどれですか?
2
設定可能な duration と easing で滑らかなトランジションを作成できるアニメーションメソッドはどれですか?
回答
Animated.timing は時間ベースのアニメーションを作成する最も一般的なメソッドです。duration、easing 関数(加速/減速)、オプションで遅延を定義できます。このメソッドは、アニメーションの開始から終了までの進行を正確に制御できます。
3Animated API で複数のアニメーションを同時に実行できるメソッドはどれですか?
3
Animated API で複数のアニメーションを同時に実行できるメソッドはどれですか?
回答
Animated.parallel はアニメーションの配列を並列に実行し、すべてを同時に開始します。このメソッドは、要素を移動させながら同時にフェードインさせるなど、複数のアニメーションプロパティを同期させるのに最適です。デフォルトではいずれかのアニメーションが失敗すると停止しますが、この動作は stopTogether で設定できます。
4
アニメーションを順番に次々と連鎖させて実行できるメソッドはどれですか?
5
固定の duration なしでリアルな物理的バウンス効果を作成するアニメーションメソッドはどれですか?
+19 面接問題
その他のReact Native面接トピック
JavaScript の基礎
Junior
25問React の基礎
Junior
20問React Native の基礎
Junior
22問React Hooks
Junior
20問React と React Native のための TypeScript
Junior
22問React Native のコンポーネントと API
Junior
20問React Native のスタイリングとレイアウト
Junior
18問React Native ナビゲーション
Mid-Level
22問React Native の状態管理
Mid-Level
24問React Native のネットワーキングと API
Mid-Level
20問データの永続化
Mid-Level
20問フォームとバリデーション
Mid-Level
18問Native Modules & Bridge
Mid-Level
20問プラットフォーム固有のコード
Mid-Level
18問権限とデバイスAPI
Mid-Level
20問Push Notifications
Mid-Level
18問React Native のテスト
Mid-Level
20問React Native のデバッグ
Mid-Level
18問Build & Deployment
Mid-Level
20問Expo vs React Native Bare
Mid-Level
18問パフォーマンス最適化
Senior
24問メモリ管理
Senior
20問Architecture Patterns
Senior
22問React Native の New Architecture
Senior
24問セキュリティのベストプラクティス
Senior
20問Offline-First Architecture
Senior
20問React Native の CI/CD
Senior
20問Monorepoとコード共有
Senior
18問高度なトピック
Senior
22問アプリのライフサイクルとバックグラウンド実行
Mid-Level
20問認証とセッション管理
Mid-Level
22問Monitoring & Crash Reporting
Senior
20問