[ 코딩애플 / Flutter ] 쉬운 플러터 01 : 기본 위젯 4가지 (텍스트, 아이콘, 이미지, 박스)

 

1. 플러터 프로젝트 생성

- sdk 폴더 경로 입력하기

- 배포 환경 설정하기 (iOS, Android)

- 디바이스 설정 (크롬)

 

 

2. analysis_options.yml 의 rules: 작성

- lint 지키기 힘드니까 끄고 진행하기 위해 작성합니다

 

 

3. void main 빼고 다 지우기

stless 입력 후 tab 키 눌러보세요

포인터부분에 구동시킬 class 명 작성

 

4. flutter에서 웹 디자인 => 위젯 짜집기

Text 위젯

Icon 위젯

 

 

아이콘 이름은 플러터 홈페이지에 있음

 

이미지 위젯

1. assets 폴더 만들기

2. assets 폴더에 이미지 위치시키기

3. pubspec.yaml 파일 작성하기

4. Image.asset('경로') 작성

home: Image.asset('assets/unnamed.jpg')

 

박스 위젯

flutter 단위는 LP

(50Lp ==  1.2cm)

어디서부터 50만큼 차지할 지는 부모가 결정함

Center() : 내 자식 위젯의 기준점을 중앙으로 설정

child: 위젯 안에 위젯을 넣게 해주는 파라미터