본문 바로가기
플러터 - Flutter

플러터 2강-가로세로 배치(Scaffold)

by 유니티세상 2023. 1. 25.

 

!!!! 꿀 팁 

1.세로정렬이 뭐였지 금지 -> Ctrl+space

2. 우측 파라미터에 무엇을 넣는지 까먹을경우 -> 왼쪽에 있는걸 대문자로 써보던가, 파라미터에 마우스를 올려보자

 


 

플러터 스타일

-구글 스타일 -> MaterialApp
-아이폰 스타일 -> Cupertino

 

커스터 마이징 -> MatertialApp을 주로 사용
 
 

Scaffold() -> 상중하로 나눠줌

- scaffold는 왼쪽 위 자동 정렬

 

AppBar() -> 상단

Container() -> 중간

BottomAppBar() -> 하단

 

 

응용 

child : Text('하단바 생성 가능 =')

 

Row(children: [  ] ) -> 여러위젯 가로 배치

노란줄 제거 생긴 이유

밑줄이 생기는 이유는 CONST를 안써줘서 인데

어떤것을 false해야하는지 갔다대면 나옴

무엇을 false하면 되는지 아는 방법

 

Column( children: [ ] )--> 여러 위젯 세로로 배치

 

 

maimAxisAlignment : MainAxisAligmnet.정렬 위치 - > Row or Clolumn정렬 방법

 

 

 

Row, Column의 mainAxis차이

 

ROW의 경우

mainsAxis는 가로축,crossAxis는 세로축

 

 

Cloumn의 경우

Column은 세로축이 메인

 

무느알? 

 

 

숙제

 

아이콘

https://fonts.google.com/icons?selected=Material+Icons 

 

Material Symbols and Icons - Google Fonts

Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.

fonts.google.com