Flutter 레이아웃

class App을 Widget으로 바꿔준다. (Flutter의 core Widget 중 하나인 StatelessWidget을 상속받는다.) 아주 기초적인 Widget으로 화면에 뭔가를 띄워주는 것 말고는 하는 일이 없다. Widget이 된다는 것은, 계약을 맺는 것이다. ⇒ build 메서드를 구현해야 한다는 것이고 이 메서드는 또 다른 Widget을 return 해야한다.

void main() {
  runApp(MyApp()); // 우리 App의 root
}

class MyApp extends StatelessWidget {
  @override

  Widget build(BuildContext context) {
    // material app 스타일이 cupertino 스타일 보다 낫다! (대부분이 material 스타일로 한다)
    // MaterialApp에 마우스를 갖다대면 많은 member들이 있다. (class 기반)
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.red),
        useMaterial3: true,
      ),
      // home: Text("Hello world"), Flutter에 화면 렌더링은 scaffold가 필요하다 (화면을 정렬해줌)
      home: Scaffold(
        body: Center(child: Text("Hello world")), // screen
        appBar:
            AppBar(title: Text("Hello Flutter!"), backgroundColor: Colors.blue),
      ),

      // home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}