[TIL] 앱 개발 종합반 - 2주차 위젯

스파르타 코딩 클럽
내일배움캠프 - flutter 앱 개발[2일차]

위젯

 

1.위젯의 구성 : 클래스의 형태를 띠고 있음

2. statefulWidget vs statelessWidget
1)statefulWidget
: 한번 클래스를 생성하면 내부 멤버 변수들이 변화가 생기지 않는다
2)StatefulWidget
: 런타임 중에 모양과 동작을 변경할 수 있는 위젯

3. 라이프사이클: 위젯의 생성부터 종료되는 과정에서 여러 이벤트들의 호출 순서

 

 

view 위젯

1.PageView 위젯: 가로 또는 세로로 스와이프 할 수 있는 일련의 페이지를 만들기 위한 위젯
2.ListView 위젯: 스크롤 가능한 위젯 목록을 표시하는 데 사용
3.GridView 위젯: 자식 위젯을 행과 열이 있는 그리드 형식으로 레이아웃을 구성할 수 있도록 도와주는 위젯
4.TabBar 위젯: 메뉴 위젯과 메뉴와 매칭이 되는 뷰 위젯. (TabBar 위젯과 TabBarView 위젯 이렇게 2개를 구성을 해야만 사용가능)

• TabController 다른 스크롤 컨트롤과 다르게 controller을 생성할 때에 초기값을 설정해 줘야 함
• TabBar 위젯을 선언하고 controller를 반드시 넣어야 함. 또한 초기에 사용한다고 정의한 탭 메뉴를 등록해 줘야 함.

레이아웃 구성 위젯

1. Container위젯: 테두리, 배경색, 패딩 등을 꾸밀 수 있는 사각형 상자
2.SizedBox위젯: 고정 크기 상자를 만드는 데 사용
3. Row & Column위젯: 각각 가로 및 세로 레이아웃을 만드는 데 사용
4. Expanded 위젯: 행 또는 열 위젯에서 사용 가능한 공간을 채우는 데 사용
5. Stack위젯: 그래픽 프로그램의 레이어와 유사하게 위젯을 서로의 위에 배치하는 데 사용
5.Positioned 위젯: Stack 위젯 내부에 하위 위젯을 배치하는 데 사용

 

기능성 위젯

1. Text 위젯
2. TextField 위젯
3. Switch 위젯
4. Slider 위젯
5. GestureDetector: 다양한 제스처(탭, 스와이프, 핀치 등)를 감지하여 해당 제스처에 대한 콜백을 제공
6. Image 위젯