기본 위젯 4가지
- lib/main.dart 파일이 메인파일이고 그 파일 안에서 진행
- void/main 함수 안에서 runApp문으로 실행
- 플러터 디자인은 기본적으로 위젯 짜집기
- 제일 중요한 위젯 4가지
텍스트 위젯
아이콘 위젯
이미지 위젯
박스 위젯
Text('안녕')
Icons('Icons.shop') : 아이콘 리스트는 플러터 홈페이지에 있음.
/*
이미지 위젯 작업전에는 assets라는 폴더를 만들어주고
pubspec.yaml 파일에서 assets : assets/ 와 같이 경로등록을 해줘야 사용 할 수 있음
pubspec은 앱만드는데 필요한 파일과 라이브러리들을 기록하는 파일
*/
Image.asset('이미지 파일명')
/*
Width, height는 상대적인 수치이기 때문에 부모 위젯의 위치를 정해줘야 그 사이즈만큼 영역이 잡힌다
*/
Container( width: 100, height: 100, color: Colors.amber)
//ex) 가운데 나오는 박스위젯
Center(
child : Container( width: 100, height: 100, color: Colors.amber)
)
Container 위젯에서 사용한 숫자의 단위
- Flutter의 모든 단위는 LP(Logical Pixel)
- px를 사용하지 않는 이유는 기기마다 픽셀의 절대적인 크기가 다르기 때문
- 1cm = 38LP
위젯 안에 위젯 사용
- 위젯안에 위젯넣을때는 위젯(위젯())이 아니라 위젯을 하나 부르고 그 안에서 child 로 사용할 위젯을 추가로 지정해주는 것