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가 색상 적용이 안되는 것 같은데 알아봐야 할 것 같음