레이아웃 위젯
Single child
- Align- 자체 내에서 하위를 정렬합니다. 수직 및 수평 정렬 모두에 대해 -1과 1 사이의 이중 값을 사용합니다.
- AspectRatio- 자식을 특정 종횡비로 크기 조정하려고 시도합니다.
- ConstrainedBox—자식에 크기 제한을 적용하여 최소 또는 최대 크기를 제어할 수 있습니다.
- CustomSingleChildLayout- 위임 기능을 사용하여 단일 하위를 배치합니다. 델리게이트는 자식에 대한 레이아웃 제약 및 위치 지정을 결정할 수 있습니다.
- Expanded및 - 또는 Flexible의 하위 항목이 사용 가능한 공간을 채우기 위해 축소 또는 확장되도록 허용합니다.RowColumn
- FractionallySizedBox- 사용 가능한 공간의 일부로 하위 크기를 조정합니다.
- LayoutBuilder- 상위 크기에 따라 자체 재배치할 수 있는 위젯을 빌드합니다.
- SingleChildScrollView- 단일 하위 항목에 스크롤을 추가합니다. 종종 Row또는 Column와 함께 사용됩니다.
Multichild
- Column, Row및 Flex- 단일 수평(horizontal) 또는 수직(vertical) 런에 하위를 배치합니다. Row, Column 둘 다 Flex 위젯 을 확장합니다.
- CustomMultiChildLayout- 대리자(delegate) 기능을 사용하여 레이아웃 단계에서 여러 하위를 배치합니다.
- Flow- CustomMultiChildLayout와 유사 하지만 레이아웃 단계가 아닌 페인트 단계에서 수행되기 때문에 더 효율적입니다.
- ListView, GridView및 - CustomScrollView스크롤 가능한 하위 목록을 제공합니다.
- Stack- 의 가장자리를 기준으로 여러 하위 레이어를 배치하고 배치합니다 Stack. CSS의 위치 고정과 유사한 기능을 합니다.
- Table- 여러 행과 열을 결합하여 자식에 대해 클래식 테이블 레이아웃 알고리즘을 사용합니다.
- Wrap- 여러 수평 또는 수직 런에 해당 하위를 표시합니다.
사용 가능한 더 많은 위젯과 예제 코드를 보려면 레이아웃 위젯 을 참조하십시오 .
'앱개발 > Flutter' 카테고리의 다른 글
[Flutter] GradleExeption 오류 해결 (0) | 2023.09.01 |
---|---|
Flutter Flame 엔진에 대해 알아보자! (0) | 2023.08.03 |