David의 개발 이야기!

코딩애플 flutter - 기본위젯 넣는 법 본문

피플2022 프로젝트!

코딩애플 flutter - 기본위젯 넣는 법

david.kim2028 2022. 12. 27. 05:03
반응형

1. 기본 위젯 넣기 

 

위젯 종류 사용방법
텍스트  Text('들어갈 내용')
아이콘 Icon(Icons.아이콘 이름) // 아이콘 이름은 flutter 홈페이지 참조
이미지 Image.asset('경로')
네모난 박스  Container()

* 이미지는 이미지 보관용 폴더를 만들고 이미지를 넣는다. 

* 이미지를 넣은 후 쓰겠다고 등록을 해야함!

 

[ 이미지를 사용하기 위해 등록하는 방법 ] 

pubspec.yaml 파일 열어서 등록하기!! 

pubspec.yaml 은 앱 만들때 필요한 모든 자료들을 저장하는 파일!

이미지 등록하기 assets 내의 모든 파일 사용하겠다는 의미임

* 참고 플러터의 크기는 lp 임! pixel 아님!

 

 

[ Container() 사용 방법 ] 

-> 어디에서부터 width 랑 height가 떨어져있는지 나타내어주어야함 

* 부모 - 자식 위젯 사용해야함

* 자식 위젯의 기준점을 중앙으로 Center() 가 설정해줌 ! 

 

위젯 안에 위젯을 넣는 구조 

위젯 ( child : 위젯 ) 

반응형
Comments