Widget 2

[flutter] 20강 | 컨테이너 위젯 (container widget) 되짚어 보기.

✅ 드디어 여기부터는 순한맛을 벗어나 조금 매운맛 강좌이다 ㅎ..ㅎ 무료 강좌인데 진짜 이렇게 좋을 수가 없음... 유튜브 코딩쉐프님 강좌를 무한히 추천한다. ✅ 이번시간부터는 컨테이너 위젯에 대해서 알아볼 예정인데, 차근차근 봐보자. 우선 플러터 공식 홈페이지 가서 레이아웃 위젯을 확인하는 것도 좋은 방법이겠지? https://flutter-ko.dev/docs/development/ui/widgets/layout#Single-child%20layout%20widgets Layout widgets flutter-ko.dev 플러터의 컨테이너의 공식 문서를 보면 "Containers with no children try to be as big as possible" childern이 없을경우 컨테이너가 ..

[flutter] 9강 | 캐릭터 페이지 디자인 1 : 위젯정리

1. 캐릭터 카드 페이지 만들기 ✅ CenterTitle : title을 중앙에 위치 시킴 - True or False ✅ appbar Background : 앱바 배경색 바꿈 ✅ elavation : 앱 바에 있는 그림자 설정 2. padding widget ✅ Padding 위젯 사용 ❗️유의할 점❗️ 플러터에서는 가로축에 대해서는 width를 꽉 채우게끔 레이아웃이 잡혀 있는데, 세로축에 대해서는 레이아웃을 잡지 않는다. 따라서 mainAxisAlignment: MainAxisAlignment.center 이 코드는 세로 축을 기준으로 중심에 위치하게 하는 코드이다. ✅ Center 위젯 사용 Center를 통해 가로축 상의 가운데를 잡고, 세로축 상의 중심은 mainAxisAlignment: Ma..