Question 1

React Native における flexDirection のデフォルト値は何ですか？

Accepted Answer

React Native では、Web で 'row' がデフォルトであるのとは異なり、flexDirection のデフォルトは 'column' です。つまり、子要素はデフォルトで上から下へ垂直に配置されます。この違いは、垂直レイアウトがより一般的なモバイルインターフェースの典型的な慣習を反映しています。

Question 2

React Native で再利用可能なスタイルを作成するにはどうすればよいですか？

Accepted Answer

StyleSheet.create() は React Native でスタイルを作成するための推奨される方法です。複数のコンポーネントで再利用できるスタイルオブジェクトを定義できます。このアプローチは、起動時にスタイルを一度だけ検証し、レンダリングごとにオブジェクトを再作成するのではなく ID で参照することでパフォーマンスを最適化します。

Question 3

要素をコンテナ内で水平方向と垂直方向の両方で中央揃えにするには、どのプロパティを使用しますか？

Accepted Answer

要素を両方の軸で中央揃えにするには、justifyContent: 'center'（主軸）と alignItems: 'center'（交差軸）を組み合わせます。デフォルトの flexDirection（'column'）では、justifyContent が垂直方向に、alignItems が水平方向に中央揃えします。これら 2 つのプロパティが連携して完全な中央揃えを実現します。

React Native のスタイリングとレイアウト

React Native における flexDirection のデフォルト値は何ですか？

回答

React Native で再利用可能なスタイルを作成するにはどうすればよいですか？

回答

要素をコンテナ内で水平方向と垂直方向の両方で中央揃えにするには、どのプロパティを使用しますか？

回答

React Native で寸法に使用されるデフォルトの測定単位は何ですか？

親要素を基準に要素を絶対配置できるプロパティはどれですか？

その他のReact Native面接トピック

JavaScript の基礎

React の基礎

React Native の基礎

React Hooks

React と React Native のための TypeScript

React Native のコンポーネントと API

React Native ナビゲーション

React Native の状態管理

React Native のネットワーキングと API

データの永続化

フォームとバリデーション

React Native アニメーション

Native Modules & Bridge

プラットフォーム固有のコード

権限とデバイスAPI

Push Notifications

React Native のテスト

React Native のデバッグ

Build & Deployment

Expo vs React Native Bare

パフォーマンス最適化

メモリ管理

Architecture Patterns

React Native の New Architecture

セキュリティのベストプラクティス

Offline-First Architecture

React Native の CI/CD

Monorepoとコード共有

高度なトピック

アプリのライフサイクルとバックグラウンド実行

認証とセッション管理

Monitoring & Crash Reporting

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