(Flutter) MaterialApp / Scaffold

MaterialApp / Scaffold

 

MaterialApp  : 앱의 가장 바깥 틀을 이루고 있는 위젯, 앱 화면 전체를 감싸는 가장 상위 위젯으로 시각화에는 관여하지 않고 사용자의 눈에도 보이지 않는다.

앱에 폰트, 크기 ,색상 들의 테마를 적용할 수 있고 앱의 설정과 기능을 제공

 

Scaffold :  눈에 보이고 시각화에 관여하는 안쪽 들에 해당한다.

MaterialApp 안쪽에 앱의 눈에 보이는 요소들을 배치하여 사용자에게 아름답고 편리한 레이아웃을 제공한다.

 

 

import 'package:flutter/material.dart';

void main(){
  runApp(MyApp());
}

class MyApp extends StatelessWidget{
  Widget build(BuildContext context){
    return MaterialApp(
      title: 'Flutter App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.blue,
          title: Text(
            'Flutter Demo Home Page',
            style: TextStyle(
              color: Colors.white,
            ),
          ),
          leading: Icon(Icons.traffic),
        ),
      ),
    );
  }
}