본문 바로가기
Front-End/React, Flutter

[flutter] 다양한 widget들

by doriver 2023. 12. 15.

Text(), SizedBox(), Container() ...

 

GlobalLoaderOverlay() 

로딩상태 표시

앱 전체에서 사용자에게 로딩 상태를 표시하는 데 도움이 되는 투명한 오버레이를 제공

 

MaterialApp(), GetMaterialApp() 

기본적인 앱 구조 

각각 다른 상태 관리 라이브러리를 사용

GetMaterialAppget 패키지에서 제공하는 상태 관리 기능을 사용하는 데 특화된 MaterialApp 위젯

 

Expanded() 

부모 공간을 최대한 차지

레이아웃 위젯 으로, 부모 위젯의 자식으로서 존재할 때 사용.

자식 위젯이 가지는 공간을 최대한 확장하여 부모 위젯의 사용 가능한 공간을 모두 차지하도록 한다.

 

AspectRatio()   

부모 공간에서 가로 세로 비율 유지  

레이아웃 위젯 으로, 자식 위젯의 가로 세로 비율을 유지하도록 도와주는 역할 한다.

자식 위젯이 부모 위젯의 공간을 차지하면서도 특정 가로 세로 비율을 유지할 수 있다.

 

Row(), Column()   

자식들 가로 또는 세로로 배치

레이아웃 위젯으로, 각각 수평과 수직의 레이아웃을 구성.

자식 위젯들을 가로 또는 세로로 배치하기 위해 사용

 

ListView() 

스크롤 가능 목록

스크롤 가능한 목록을 생성하는 위젯 중 하나

 

GestureDetector() 

제스처 감지

다양한 제스처(터치, 드래그, 등)를 감지하여 해당 제스처에 대한 동작을 수행할 수 있는 위젯

 

 

커스텀 위젯

class name extends StatelessWidget { }
class name extends StatefulWidget { }

 

StatelessWidget

한 번 생성되면 화면에 표시되는 내용이 변하지 않는 경우에 주로 사용

한 번 생성되면 내부의 데이터나 구성이 변경되지 않는다

 

StatefulWidget

상태를 가지고 있어서 상태가 변경될 때마다 화면이 업데이트된다.

이를 통해 동적인 데이터를 표시하거나 사용자 상호 작용에 대응할 수 있다.

'Front-End > React, Flutter' 카테고리의 다른 글

[flutter] 프로젝트 기초  (1) 2024.01.05
[flutter] Dart  (0) 2024.01.05
[flutter] Column() , Row()  (0) 2023.12.14
[flutter] BuildContext  (0) 2023.12.12
[React] 무한 렌더링( 컴포넌트, 렌더링, 상태업데이트 )  (0) 2023.08.22