# Layouts & Constraints (Flutter)

> Row, Column, Stack, Flex, Expanded, Flexible, constraints, BoxConstraints, LayoutBuilder

- 24 面接問題
- Mid-Level
- [面接問題: Flutter](https://sharpskill.dev/ja/technologies/flutter/interview-questions.md)

## 1. Flutterで子要素を水平方向に配置するには、どのウィジェットを使用しますか？

**回答**

Row は、子要素を主軸（main axis）に沿って水平方向に配置するための基本的なウィジェットです。親の制約を尊重し、mainAxisAlignment と crossAxisAlignment プロパティに従ってスペースを分配します。垂直方向のレイアウトには Column が相当します。

## 2. Row や Column のどのプロパティが、主軸に沿った子要素の配置を制御しますか？

**回答**

mainAxisAlignment は、子要素が主軸（Row では水平、Column では垂直）に沿ってどのように配置されるかを制御します。オプションには start、center、end、spaceBetween、spaceAround、spaceEvenly があります。crossAxisAlignment は垂直な軸での配置を制御します。

## 3. Expanded と Flexible の主な違いは何ですか？

**回答**

Expanded は子要素に利用可能なスペースすべてを埋めさせます（fit: FlexFit.tight）。一方、Flexible は子要素が必要とするスペースを最大利用可能サイズまで取ることを許可します（デフォルトは fit: FlexFit.loose）。Expanded は実際には fit: FlexFit.tight を持つ Flexible です。

## さらに21問利用可能

- Stack はデフォルトで子要素をどのように配置しますか？
- Stack 内で子要素を特定の位置に配置するには、どのウィジェットを使用しますか？

無料で登録: https://sharpskill.dev/ja/login

## その他のFlutter面接トピック

- [Dartの基礎](https://sharpskill.dev/ja/technologies/flutter/interview-questions/dart-basics.md): 25問, Junior
- [Dart言語の基礎](https://sharpskill.dev/ja/technologies/flutter/interview-questions/dart-language-essentials.md): 15問, Junior
- [Flutter の基礎](https://sharpskill.dev/ja/technologies/flutter/interview-questions/flutter-fundamentals.md): 18問, Junior
- [ウィジェットのライフサイクル](https://sharpskill.dev/ja/technologies/flutter/interview-questions/widget-lifecycle.md): 20問, Junior
- [ローカルストレージ](https://sharpskill.dev/ja/technologies/flutter/interview-questions/local-storage.md): 20問, Junior
- [アプリケーションのライフサイクル](https://sharpskill.dev/ja/technologies/flutter/interview-questions/app-lifecycle.md): 20問, Junior
- [ListView & GridView](https://sharpskill.dev/ja/technologies/flutter/interview-questions/listview-gridview.md): 25問, Mid-Level
- [ナビゲーションとルーティング](https://sharpskill.dev/ja/technologies/flutter/interview-questions/navigation-routing.md): 22問, Mid-Level
- [基本的な状態管理](https://sharpskill.dev/ja/technologies/flutter/interview-questions/state-management-basics.md): 22問, Mid-Level
- [Provider パターン](https://sharpskill.dev/ja/technologies/flutter/interview-questions/provider-pattern.md): 18問, Mid-Level
- [Networking & HTTP](https://sharpskill.dev/ja/technologies/flutter/interview-questions/networking-http.md): 20問, Mid-Level
- [JSONシリアライゼーション](https://sharpskill.dev/ja/technologies/flutter/interview-questions/json-serialization.md): 20問, Mid-Level
- [ローカルデータベース](https://sharpskill.dev/ja/technologies/flutter/interview-questions/local-database.md): 22問, Mid-Level
- [フォームとバリデーション](https://sharpskill.dev/ja/technologies/flutter/interview-questions/forms-validation.md): 20問, Mid-Level
- [アニメーション](https://sharpskill.dev/ja/technologies/flutter/interview-questions/animations.md): 20問, Mid-Level
- [Firebase 統合](https://sharpskill.dev/ja/technologies/flutter/interview-questions/firebase-integration.md): 18問, Mid-Level
- [ユニットテスト](https://sharpskill.dev/ja/technologies/flutter/interview-questions/unit-testing.md): 20問, Mid-Level
- [ウィジェットテスト](https://sharpskill.dev/ja/technologies/flutter/interview-questions/widget-testing.md): 18問, Mid-Level
- [ビルドとデプロイ](https://sharpskill.dev/ja/technologies/flutter/interview-questions/build-deployment.md): 16問, Mid-Level
- [パッケージ管理](https://sharpskill.dev/ja/technologies/flutter/interview-questions/package-management.md): 16問, Mid-Level
- [メモリとパフォーマンス](https://sharpskill.dev/ja/technologies/flutter/interview-questions/memory-performance.md): 22問, Senior
- [Streams & RxDart](https://sharpskill.dev/ja/technologies/flutter/interview-questions/streams-rxdart.md): 24問, Senior
- [高度なState Management](https://sharpskill.dev/ja/technologies/flutter/interview-questions/advanced-state-management.md): 26問, Senior
- [Flutter Design Patterns](https://sharpskill.dev/ja/technologies/flutter/interview-questions/flutter-design-patterns.md): 24問, Senior
- [パフォーマンス最適化](https://sharpskill.dev/ja/technologies/flutter/interview-questions/performance-optimization.md): 26問, Senior
- [Platform Channels](https://sharpskill.dev/ja/technologies/flutter/interview-questions/platform-channels.md): 20問, Senior
- [Custom Painting](https://sharpskill.dev/ja/technologies/flutter/interview-questions/custom-painting.md): 22問, Senior
- [Flutterアプリケーションアーキテクチャ](https://sharpskill.dev/ja/technologies/flutter/interview-questions/flutter-app-architecture.md): 22問, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/ja/technologies/flutter/interview-questions/layouts-constraints