로딩
요청 처리 중입니다...

Flutter App개발 - 화면만들기 part.4 - body요소정렬

 Flutter App개발 - 화면만들기 part.4 - body요소정렬

body 만들기 - 요소 정렬 crossAxisAlignment 설정하기 이제 이미지와 텍스트의 정렬을 맞춰주면 되겠군요. Row 와 Column 은 주축, 부축을 기준으로 정렬할 수 있는데요.

주축을 main axis, 부축을 cross axis 라고 합니다. 아래 사진을 참고해주세요!

내부 요소들의 정렬은 MainAxisAlignment.center 와 같은 식으로 설정해줍니다. Alignment 방법들을 시각화하면 아래와 같습니다.

출처: https://morioh.com/p/9c7541691c2c 출처: https://morioh.com/p/9c7541691c2c 위와 같이 배치되어 있는 요소들을 같은 선상에 맞추려면, Row 의 CrossAxisAlignment 를 설정해주면 되겠죠! 코드를 복사해서 62번째 라인 뒤에 붙여 넣어 요소들을 위로 정렬해 보도록 하겠습니다.

[코드] Row CrossAxisAlignment crossAxisAlignment: CrossAxisA...

# crossAxisAlignment설정하기 # FlutterApp개발 # FlutterApp개발_body만들기 # FlutterApp개발_body요소정렬 # FlutterApp개발_화면만들기 # SizedBox를이용해위젯간간격설정하기 # 좋아요버튼추가하기