[Flutter] 기본 코드 이해하기

main.dart

import 'package:flutter/material.dart';

// 메인이 시작점, 플루터 최상함수 runapp 함수 불러오기, runapp 함수안에 myapp이라는 커스텀 함수를 넣어줌
void main() => runApp(MyApp());

// stl 위젯으로 myapp 커스텀 위젯 생성
class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    // 반환타입을 머태리얼 위젯
    return MaterialApp(
      // 앱 제목, 머태리얼 앱에서 타이틀은 앱을 총칭하는 타이틀
    title: 'First App',
      // theme 데이터 위젯 불러옴
    theme: ThemeData(
    primarySwatch: Colors.blue // 블루 색상 계열을 사용, 알그먼트 불러옴
      ),
      home: MyHomePage(), // 앱이 정상적으로 실행됐을때 가장 먼저 화면에 보여주는 경로
    );
  }
}

class MyHomePage extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    // 앱 화면에 배치하고 그릴수 있게 도와주는 빈 도화지같은 거
    return Scaffold(
      // appbar 위젯
      appBar: AppBar(
        // title 알그먼트, 화면상 앱위에 보여지는 타이틀
        title: Text('First app')
      ),
      // 화면을 중앙에 배치할 거이니 CENTER
      body: Center(
        // 자신의 위젯내에 모든 위젯을 세로로 배치
        child: Column(
          // []는 배열을 의미, 괄호안에 세로로 정의된 위젯들을 나열하라는 의미
          children: <Widget>[
            Text('Hello'),
            Text('Hello'),
            Text('Hello')
          ],
        ),
      ),
    );
  }
}

문제점

• appbar가 색상 적용이 안되는 것 같은데 알아봐야 할 것 같음