Flutter - Page 만들기 [3]

}

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: MainPage(),
    );
  }
}

class MainPage extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text('Flutter Text'),
      ),
    );
  }
}

MyApp

​ : build할 때 MaterialApp(Widget)을 생성

​ title: 타이틀 설정

​ home: 기본 페이지 설정

MainPage

​ : build할 때 Scaffold(Widget)을 생성

​ body: Body에 어떤 Widget을 넣을 건지 지정한다.

​ Center: 중앙정렬의 레이아웃을 생성한다

​ child: 레이아웃에 들어갈 Widget을 설정한다.

​ Text: 문자를 보여주는 Widget을 생성한다.

class MainPage extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: Icon(Icons.menu),
        title: Text('MainPage'),
        actions: [
          Icon(Icons.search),
        ],
      ),
      body: Center(
        child: Text('Flutter Text'),
      ),
    );
  }
}

MainPage

​ : AppBar 추가

​ appBar: Scaffold에 AppBar부분의 Widget(PreferredSizeWidget)을 설정한다.

​ AppBar: AppBar를 생성한다.

​ leading: Title 왼쪽에 들어갈 Widget을 설정한다.

​ Icon: Icon Widget을 생성한다

​ actions: title 오른쪽에 들어갈 Widget을 설정한다. (리스트형태로 여러Widget을 넣을 수 있다.)