저번 시간에 컬럼위젯에 대해서 소개하였다.
이번 시간에는 Colunm 뿐만 아니라 Row 위젯에 대해서 배우도록 하겠다.
참조 문헌
https://api.flutter.dev/flutter/widgets/Row-class.html
Row class - widgets library - Dart API
A widget that displays its children in a horizontal array. To cause a child to expand to fill the available horizontal space, wrap the child in an Expanded widget. The Row widget does not scroll (and in general it is considered an error to have more childr
api.flutter.dev
기본적으로 컬럼 위젯은 위에서 아래로 위젯을 구성한다고 생각하면, Row 위젯은 가로로 구성한다고 생각하면 된다.
1. 로우 위젯 기본 구성 설명
로우는 말 그대로 행으로 해석되기 때문에 기본적으로 옆으로 생성이 된다.
2. 로우 위젯의 mainAxisAligment 함수
mainAxisAligment는 로우의 방향에서 아들들의 위치를 결정하는 함수이다.
해당하는 부분에서 나 같은 경우는 Center를 줬기 때문에 가운데로 옮겨진 것을 확인할 수 있을 것이다.
이외에도 여러 가지 함수가 있는데, 직접 사용해보고 Row의 방향으로 어떻게 이동되는지 숙지하길 바란다.
3. 칼럼 위젯의 crossAxisAlignment 함수
전 시간 Colunm 포스팅을 봤다면 해당하는 부분이 어느 것을 말하는지 잘 알 것이다.
혹시나 바로 이 포스팅은 본 사람들은 Chapter-02-02를 보고 오면 도움이 될 것이다.
'플루터' 카테고리의 다른 글
| Flutter Chapter-02-06 내 정보 만들기 아이콘 위젯 사용법 (0) | 2022.01.17 |
|---|---|
| Flutter Chapter-02-05 내 정보 만들기 (0) | 2022.01.14 |
| Flutter Chapter-02-03 내 정보 만들기 Column 익히기 (0) | 2022.01.13 |
| Flutter Chapter-02-02 내 정보 만들기 Container 익히기 (0) | 2022.01.13 |
| Flutter Chapter-02-01 내 정보 만들기 StatelessWidget 익히기 (0) | 2022.01.12 |