Flutter

Layouts & Constraints

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

24 面接問題·
Mid-Level
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 です。

4

Stack はデフォルトで子要素をどのように配置しますか?

5

Stack 内で子要素を特定の位置に配置するには、どのウィジェットを使用しますか?

+21 面接問題

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

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

無料で始める