Flutter 02

Hello, Flutter

import 'package:flutter/material.dart';

void main() {
  runApp(App());
  // 앱의 root가 된다.
}

class App extends StatelessWidget {
// StatelessWidget를 상속받는데, Build를 구현해야 한다.
// 화면에 렌더링 해주는 역할을 맡는다.

  @override
  Widget build(BuildContext context) {
    return MaterialApp( // 앱은 Material와 Curpertino 중에 선택하여 테마를 작성해야 한다.
      home: Scaffold( // 구조를 짜는 역할을 맡는데, 건물 외벽에 철근 같은 느낌이다.
        appBar: AppBar( // 상단에 있는 네비게이션인 듯하다.
          title: Text('Hello'), // 텍스트 출력.
          centerTitle: true, // 중앙 정렬 여부
          elevation: 10, // 그림자
          backgroundColor: Colors.blue, // 배경색
        ),
        body: Center( // child를 중앙에 위치시킨다. child를 반환해야 한다.
          child: Text('Hello, Flutter'),
        ),
      ),
    );
  }
}

flutter는 Widget으로 화면을 구성하는데, 리액트에서 component라고 생각하면 될 것 같다.
모든 Widget들은 build 메소드를 사용해야 한다.
모든 앱들은 구글의 MaterialApp과 애플의 CurpertinoApp 중 선택해야 한다.
모든 앱들은 구조를 가져야 한다 => Scaffold라는 건데, 건물을 지을 때 외벽에 있는 철근 같은 느낌이다.

dart 문법의 특성이 보이는데, named paramters이다.