플러터는 위젯의 짜집기
텍스트 - Text('hi', style: TextStyle())
아이콘 - Icon(Icon.shop, color: dd, size: dd)
이미지 - Image.assets('knitting.png')
박스 - Container( width: 50, height: 50, color: Colors.blue ) or SizedBox
Container가 더 무거움!
근데 박스 위젯 저렇게 하면 크기 지정 안됨
왜냐?? 시작점 지정을 안해서 . . .
Center(
child: 위젯
)
-> 내 child를 센터로 위치하겠다!! 하는 위젯 ..
비슷한거 많음 Align 위젯 등등
child 쓰면 위젯 안에 위젯 가능
되는 위젯 잇고 안되는 위젯 잇으니 자동완성 되는지 확인하고 쓰기
MetrialApp -> 구글이 기본 제공하는 어쩌고 .. 유용한거 많으니까 웬만하면 이걸로 지정하고 ㄱㄱ
Scaffold -> 화면 3분할 해주는 위젯 !!
Scaffold(
appBar: AppBar(),
body: Container(),
bottomNavigationBar: BottomAppBar()
)
여러 위젯 가로로 배치하려면 Row 위젯 !!
Row(
children: [
Icon(Icons.star),
Icon(Icons.star),
]
)
여러 위젯 세로로 배치하려면 Column 위젯 !!
Column (
children: [
Icon(Icons.star),
Icon(Icons.star),
]
)
파라미터 중 mainAxisAlignment 쓰면 정렬 가능
반대축은 crossAxisAlignment
Container 꾸미기
width height margin padding decoration(별 꾸미기 다 여기서 함) 등등 ...
사이즈 꽉채우기 double.infinity
버튼
TextButton()
IconButton()
ElevatedButton()
child onPressed(){} 필수!
온프레스드는 함수 들어가는 곳
로우나 컬럼 안에서 박스들 비율 정하고 싶을 때
Flexible로 감싸고 파라미터에 flex:3 이런 식으로 넣으면 %로 나누기 가능
Expanded는 박스 하나 넓게 채울때 쓰면 굿