오늘부터 플러터 TIL을 간략하게 정리해보려고 한다. !
Flutter 에서는 모든게 위젯으로 이루어져있다.
보여지는 모든 게 다 위젯이다!!
자주 사용하는 위젯
- Text()
- 글자를 넣는 위젯
- Image()
- 경로를 통해 사진을 불러온다.
- 별도의 공간(컨테이너 혹은 사이즈박스) 을 이용해서 사진을 넣으면 좋을 것 같다.
- Container()
- 공간을 만든다.
- 사진과 같이 가로 세로 조절 및 색상도 입힐 수 있다.
주의할 점
Q. Container 컨테이너를 사용할때 다음과 같이 코드를 작성하면 어떻게 될까?
A. 색상은 제대로 입혀지지만 가로 세로 길이는 적용되지 않는다.
- 따라서 다음과 같이 컨테이너를 만들 위치를 먼저 정해주어야 한다.
- 해당 위젯으로는 Center() 혹은 Align() 과 같은 위젯을 사용한다.
- Center 위젯을 통해 Center 위치에 가로 세로 100 만큼 녹색을 입힌 박스를 보여주고 있다.
돌발 셀프 숙제
- width 100 height 200 으로 값을 지정하고 사진과 같이 완성하세요.
댓글