SELF STUDY/Flutter
[Flutter] CrossAxisAlignment 란?
호이호이호잇
2024. 4. 25. 16:40
728x90
반응형
https://api.flutter.dev/flutter/rendering/CrossAxisAlignment.html
CrossAxisAlignment enum - rendering library - Dart API
CrossAxisAlignment enum How the children should be placed along the cross axis in a flex layout. See also: Inheritance Object Enum CrossAxisAlignment Constructors CrossAxisAlignment() const Values start → const CrossAxisAlignment Place the children with
api.flutter.dev
Flutter 에서 세로방향 이든 가로 방향이든 내용물을 정렬 할 때, 어느 방향으로 정렬 할 것인가를 지정해주는 것.
수평(Column) 을 기준으로 아래 예시를 만들어 보았다.
Start
CrossAxisAlignment.start
Center
CrossAxisAlignment.center
End
CrossAxisAlignment.end
Stretch
CrossAxisAlignment.stretch
Baseline
CrossAxisAlignment.baseline
폰트 크기가 다를때 기준 축을 정해준다. 아래 빨간색라인.
이렇게 정렬 된다.
728x90
반응형