David의 개발 이야기!

코딩애플 - flutter 타이포그래피와 레이아웃 만들기 본문

flutter 공부

코딩애플 - flutter 타이포그래피와 레이아웃 만들기

david.kim2028 2022. 12. 27. 21:03
반응형

[ 글자 디자인하기 ]

 

*글자 디자인을 하기 위해서는 3가지 방법이 있다. 

1.style: TextStyle( color: Colors.blue ) 이렇게 넣어준다 

2. Color(0xffaaaaaa) 

3. Color.fromRGBO()

 

*글자 폰트 조정

style: TextStyle( fontWeight: FontWeight.w700 )

 

[ 아이콘 위젯 디자인 하는 법 ]

* 아이콘 위젯 디자인은 color, size 2가지만 있음 

 

[ 버튼 위젯 디자인 하는 법 ]

* 버튼 디자인하는 방법 

1. TextButton()

2. IconButton()

3. ElevatedButton()

 

[ AppBar 디자인하는 법 ]

 

 

!!! 레이아웃 혼자 잘 짜는 법 !!! 

 

1. 예시디자인 준비 

2. 예시화면에 네모그리기 

3. 바깥 네모 부터 하나하나 위젯으로 만들어나가기.

4. 마무리 디자인 

반응형

'flutter 공부' 카테고리의 다른 글

코딩애플 - flutter : 코드가 길어진땐, 커스텀 위젯! & 스크롤바 만들기  (0) 2022.12.28
코딩애플 flutter - Expanded, Flexible  (0) 2022.12.28
코딩애플 flutter - 레이아웃 만드는 법 ( Scaffold )  (0) 2022.12.27
코딩애플 flutter - 기본위젯 넣는 법  (2) 2022.12.27
XY Problem 이란?  (0) 2021.12.30
'flutter 공부' Related Articles more
Comments