Flutter 꼭 알아야할 위젯 4가지

• 4가지의 위젯만 알고 있으면 앱에 필요한 거의 모든 구성요소들을 표현할 수 있습니다.

글자 위젯

return MaterialApp( home: Text("안녕") );

이미지 위젯

return MaterialApp( home: Image.asset('경로') );

• 경로 부분에 가져올 이미지 경로 넣어주면 된다.

• 1. 프로젝트 폴더안에 이밎 폴더를 만들어 거기에 이미지 넣어주기
     
• 2. pubspec.yaml파일의 flutter 밑에 만들었던 이미지 폴더 추가하고 이미지 등록하기
     

- assets/ : assets밑에 있는 폴더 다 가져다 쓰겠다는 의미

pubspec.yaml이 뭐야?

-> pubspec.yaml은 app을 만들때 필요한 모든 자료를 정리해놓은 파일이다.

아이콘 위젯

return MaterialApp( home: Icon(Icons.star) );

• star 부분에 아이콘 이름 넣어주면 된다.
• 아이콘의 이름은 flutter 공식문서에 보면 알 수 있다.
  

박스 위젯

return MaterialApp( home: Container() );
혹은
return MaterialApp( home: SizedBox() );

• width, height, color값 주기
  return MaterialApp( home: Container( width : 50, height :50, color : Colors.blue) );
  - flutter의 사이즈 단위는 LP
  - 50LP는 약 1.2cm 정도
  

-> 기준점을 안알려주면 이렇게 크게 나옴.
return MaterialApp( home: Center( child : Container( width : 50, height :50, color : Colors.blue), ) );

• Center()을 사용해서 박스위젯의 기준점을 가운데로 설정

가운데를 기준점으로 박스위젯이 생긴것을 알 수 있다.