Flutter 앱 위젯 그려보기

화면 레이아웃 구성 위젯 작성 MaterialApp, Text, Scaffold, Appbar위젯 추출해서 코드 나누기 stateless widgetPublic 위젯과 Private 위젯

단일 박스(컨테이너) 위젯 작성 Container, SizedBox, Center

복수 위젯담는 박스(컨테이너) 작성Column (칼럼, 열, 세로축)Row (로우, 행, 가로축)Wrap (children에 공간이 부족해지면 자동으로 다음 줄로 바꿔줍니다) Stack (children의 위젯들을 겹쳐서 출력합니다)컨테이너 박스를 세로로 나열할 때M

Padding : 안쪽 여백 Padding위젯 사용margin은 Padding처럼 위젯이 없어 Container의 속성값으로 줌margin : 바깥 여백Padding, Margin 둘 다 적용됨

배치 및 공간 제어 위젯 작성 / Align, Spacer, Expanded아래 3개 코드는 다 동일 (아래로 내려갈 수록 자율성 높다)Spacer (여백)

버튼 들의 종류는 엄청 다양하게 많다.하지만 지금은 4가지 정도만 알아보자.(ElevatedButton, OutlinedButton, TextButton, GestureDetector)마지막 GestureDetector는 화면 박스를 클릭할 때 또는 이미지를 클릭할 때

StatelessWidget은 build기반으로 화면을 그린다.StatelessWidget는 상태가 없는 위젯. 상태값이 변해도 화면에 출력을 못함StatefulWidget은 상태값이 변경되는 위젯을 쓸때 사용. (줄여서 stful 만듬)StatefulWidget은 C

새 프로젝트 생성 시 나오는 기본 카운트 샘플 앱 살펴보기

위젯간 데이터 전달 (생성자)StatelessWidget위젯은 생성자에서 데이터를 받을때 $name 이렇게 받고,StatefulWidget위젯은 ${widget.name}으로 받음.

1. asset (로컬 이미지 표시) 방법 root 위치에 assets 폴더를 만들어서 이미지를 추가 pubspec.yaml 에서 image path 등록 > path folder: / path file: assets/image/image.jpeg 코드 (이미