12- 위젯 소개

 

FlutterFlow에서 위젯의 카테고리와 특징은?

FlutterFlow에서 앱은 위젯으로 이루어져 있어요.

주요 위젯과 각 위젯의 타입에 대해 알려줄게요.

유저 인터페이스(UI) 빌더에서 2가지 주목할 만한 점은: 첫번째, 위젯의 타입, 두번째로 위젯이 가질 수 있는 자식 수이에요.

플러터플로우에서 위젯을 4가지 카테고리로 나누는데, 초보자가 많이 사용하는 것은 'Commonly Used' 위젯입니다.

위젯은 'Layout', 'Base', 'Page', 'Form'과 같이 4가지 유형으로 구분할 수 있어요.

 

앱 레이아웃 위젯은?

앱의 대부분은 위젯을 쌓는 것이라서, 가장 많이 쓰이는 primitive layout 위젯과 그를 보조하는 레이아웃 위젯이 있어요.

primitive layout 위젯에는 row, column이 있으며, 2D gridview에서는 staggered view, 페이지뷰를 사용할 때는 tabs, 페이지 전체에 적용할 수 있는 Base elements가 있어요.

이렇게 기초적인 레이아웃 위젯 사용 방법에 대한 소개가 이루어진 후, 페이지 위젯들이 소개될 거에요.

 

 

FlutterFlow에서 위젯 사용하는 방법은?

FlutterFlow에서는 앱의 메인 본문(main body)에는 한 개의 자식(child) 위젯을 가질 수 있어요.

이 자식 위젯은 여러 개의 다른 자식 위젯을 가질 수 있지만, 메인 본문의 자식으로 추가하려고 시도하면 오류가 발생하죠.

다음으로, Form Element 위젯은 주로 폼과 필터링에 사용되며, Base Element 위젯은 나머지 모든 종류의 위젯을 포함해요.

FlutterFlow에서는 위젯을 카테고리별로 찾을 수 있어요.

또한, 위젯은 0개, 1개 또는 여러 개의 자식을 가질 수 있다는 점을 알아두어야 해요.

 

 

 

FlutterFlow 위젯은 어떻게 자식을 받을 수 있나?

위젯은 아무 자식도 받지 않는 것이 있고, 하나의 자식만 받는 것이 있으며, 여러 자식을 받을 수 있는 것으로 나뉘어져요.

하나의 자식만 받는 위젯 예시로는 컨테이너가 있고, 여러 자식을 받을 수 있는 위젯 예시로는 컬럼, 로우, 스택 등이 있어요.

일부 위젯은 아이콘이나 이름으로 확인할 수 있지만, 명확하지 않을 수도 있으므로 실험을 통해 자식을 받을 수 있는 위젯을 확인해볼 수도 있어요.