StatelessWidget/StatefulWidget

Flutter 위젯

dart, 플러터 공부하면서 기록하는 학습일지

Flutter에서 위젯과 StatelessWidget / StatefulWidget은 Figma에서 프레임(Frame)이나 그룹(Group)과 유사한 역할을 함.

* Figma에서 프레임, 그룹 = 여러 요소를 묶어둔 것.

* Flutter에서 위젯. 특히 StatelessWidget = 여러 UI를 묶어 재사용 가능하게 해둔 것. StatelessWidget은 상태가 없는 프레임, StatefulWidget은 상태가 있는 프레임처럼 생각하면 됨

*위젯이란? 다른 포스트에 자세히 적어둠.

*상태란? : 앱 화면에 표시되는 동적인 정보들.

(상태에 대한 예시) 유튜브 어떤 특정 채널 페이지에서 '구독' 버튼을 눌렀을 때, 버튼의 모양과 텍스트가 '구독'에서 '구독 중'으로 바뀜.

*생성시점이란? : 위젯이 만들어지는 순간. 즉, 코드가 실행되어 화면에 위젯이 처음으로 그려질 때.

* Figma 프레임 안에 텍스트, 버튼, 이미지 넣는 것처럼 Flutter 위젯 안에 Text, Button, Image 같은 다른 위젯 넣을 수 있음.

* 프레임처럼 다른 화면에서도 재사용 가능