David의 개발 이야기!
코딩애플 flutter - 기본위젯 넣는 법 본문
반응형
1. 기본 위젯 넣기
위젯 종류 | 사용방법 |
텍스트 | Text('들어갈 내용') |
아이콘 | Icon(Icons.아이콘 이름) // 아이콘 이름은 flutter 홈페이지 참조 |
이미지 | Image.asset('경로') |
네모난 박스 | Container() |
* 이미지는 이미지 보관용 폴더를 만들고 이미지를 넣는다.
* 이미지를 넣은 후 쓰겠다고 등록을 해야함!
[ 이미지를 사용하기 위해 등록하는 방법 ]
pubspec.yaml 파일 열어서 등록하기!!
pubspec.yaml 은 앱 만들때 필요한 모든 자료들을 저장하는 파일!
* 참고 플러터의 크기는 lp 임! pixel 아님!
[ Container() 사용 방법 ]
-> 어디에서부터 width 랑 height가 떨어져있는지 나타내어주어야함
* 부모 - 자식 위젯 사용해야함
* 자식 위젯의 기준점을 중앙으로 Center() 가 설정해줌 !
위젯 안에 위젯을 넣는 구조
위젯 ( child : 위젯 )
반응형
'flutter 공부' 카테고리의 다른 글
코딩애플 flutter - Expanded, Flexible (0) | 2022.12.28 |
---|---|
코딩애플 - flutter 타이포그래피와 레이아웃 만들기 (0) | 2022.12.27 |
코딩애플 flutter - 레이아웃 만드는 법 ( Scaffold ) (0) | 2022.12.27 |
XY Problem 이란? (0) | 2021.12.30 |
AWS VPC 기본 및 연결 옵션 유튜브 강의 (0) | 2021.12.23 |
Comments