[수강후기] Flutter 4일차 - 스나이퍼 팩토리

카이사르님의 수강후기 입니다.

​

​

https://sniperfactory.com/course/c6fcyragfx5gzew

​

제 3화 - 뉴스 앱

​

1. 오늘의 목표/ 수업용 코드 준비하기

• Visual Studio Code 에서 프로젝트 폴더 생성

​

AppBar => backgroundColor, foregroudColor, centerTitle

ListView => ListTitle

ListTitle => leading, trailing

leading => Padding, EdgeInsert.all(),

child => Icon

각 위젯의 위치와 기능에 대해서 기억해야 함

evevation => 기능추가

​

2. Style , TextStyle

style, TextStyle => color,fontSize, fontWeight

​

3. AppBar

• leading, title, centerTitle, backgroundColor
• foregroundColor, titleTextStyle, actions

actions => Icon => Icons, color

​

3. CircleAvatar 위젯

CircleAvator

NetworkImage

​

4. 중간실습

​

​

children : column , ListTitle

children : padding(child : column => children ), ListTitle

circleAvatar : radius

Text : style, TextStyle , fontSize

​

5. BottomNavigationBar​

BottomNavigationBar, BottomNavigationBarItem(필수)

BottomNavigationBarItem => 1 개일때 예외 , 4개 일때는 화면에 나오지 않음

label

​

6. FloatingActionButton

FloatingActionButton, onPressed ,child , Icon

​

7. 실습

FloatingActionButtonLocation

​

8. 최종확인

• 위젯 구조 확인

​

9. 과제

FloatingActionButton.extended

label

FloatingActionButtonLocation.centerFloat

​

10. 참고자료

https://api.flutter.dev/flutter/material/FloatingActionButton-class.html

​

​

[출처]

Flutter 4일차 - 스나이퍼 팩토리|작성자 카이사르