Widget
Widget은 레고 블럭과 같다.
→ Flutter에 있는 모든 것은 Widget이며, Widget들을 합치는 방식으로 앱을 만든다.
프로그래밍 관점에서,
Widget을 만든다. = class를 만든다.
build 메소드
무엇을 return 하던지, 화면에 보여준다. → Widget의 UI를 만든다.
runApp ()
해당 함수에 주는 Widget은 앱의 시작점을 의미한다. (= root)
root Widget은 두 개의 옵션 중 하나를 반드시 return 해야 한다.
MaterialApp: google 디자인 시스템
CupertinoApp: apple 디자인 시스템
→ 어떤 family 스타일을 사용할지 flutter에게 알려주는 역할.
scaffold
화면의 구조를 제공.
모바일 앱의 모든 화면은 scaffold가 필요하다.
Widget을 반복적으로 조립하면서 UI를 만든다.
class App extends StatelessWidget {
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text("Hello flutter!"),
),
body: Center(
child: Text("Hello world!"),
)),
);
}
}