<aside> 📌 Contents

</aside>

📢 ctrl +f 눌러 원하는 내용을 쉽게 찾아보세요!

🎯기본구조/ 화면Widget

1. StatefulWidget & StatelessWidget

• StatefulWidget : 해당app에 대한 상태관리 필요할 때

  -data를 백엔드에서 가져와야하기 때문에 Stateful

• StatelessWidget : 상태관리가 필요 x 위젯을 사용할 때 (상태변화x)

//Stateful
class 클래스이름 extends StatefulWidget {
  _클래스이름State createState() => _클래스이름State();
}
class _클래스이름State extends State<클래스이름> {
	...
	@override
	  Widget build(BuildContext context) {
	    return Container(...);
	  }
}

//Stateless
class 클래스이름 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(...);
  }
}

• build() 메소드 : 화면UI를 새로 그리는 역할. 위젯을 생성할 때 호출- 실제로 화면에 그릴 위젯을 작성해 반환

[Flutter] StatelessWidget & StatefulWidget 차이점 정리

[Flutter] 플러터 Stateful Widget Lifecycle(생명주기)란??

2. Scaffold() 클래스

: 상단 앱바, material디자인이 적용된 화면이 그려져서 디자인 통일에 유익