Widget

---

1.Flutter 상에서의 위젯이란?

Widget?

• 위젯은 독립적으로 실행되는 작은 프로그램 입니다

• 주로 바탕화면 등에서 날씨나 뉴스, 생활정보 등을 보여 줍니다

• 그래픽이나 데이터 요소를 처리하는 함수를 가지고 있습니다.

What is widget in flutter?

• App 의 UI 를 만들고 구성하는 모든 기본 단위 요소

• 눈에 보이지 않는 요소들까지 위젯

• flutter 에서는 모든것이 위젯으로 작동합니다. 보이는 버튼, text, 그림은 포함하여 보이지 않는 padding, center 등 UI 기능도 위젯입니다.

2.Stateless widgets vs Stateful widgets

• flutter 에서는 크게 3가지 타입의 widgets 이 있는데

  1.Stateless Widget

  2.Stateful Widget

  3.Inherited Widget

Stateless 와 Stateful 의 일반적인 의미

• Stateful : value 값을 지속적으로 추적 보존 (무언가 상태가 계속 변한다는 위젯이라고 보면 됨)

• Stateless : 이전 상호작용의 어떠한 값도 저장하지 않음 (상태가 없는 정적인 위젯) 움직임이나 변화가 없다는 것임

Stateless widgets

• 스크린상에 존재만 할 뿐 아무것도 하지 않음

• 어떠한 실시간 데이터도 저장하지 않음

• 어떤 변화 (모양, 상태)를 유발시키는 value 값을 가지지 않음

• 예를 들어 app 화면에 text 라던지 그림에는 어떠한 변화도 없게 됨

Stateful widgets

• 사용자의 interaction 에 따라서 모양이 바뀜 (예를 들어 check box 일 경우에는 사용자가 클릭 할경우 그것이 바뀌게 됨)

• Data 를 받을 때도 모양이 바뀌게 됨 (예를 들어 사용자가 text-field 에 뭔가 입력을 할때 바뀌는 경우)

3.Flutter Widget tree

• Widget 들은 tree 구조로 정리될 수 있습니다.

• 한 Widget 내에 얼마든지 다른 widget 들이 포함될 수 있습니다.

• Widget 은 부모 위젯과 자식 위젯으로 구성되어 있습니다.

• Parent widget 을 widget container 라고 부르기도 합니다.

🔶 🔷 📌 🔑

Reference

• Flutter official site widget docs

• Coding chef