<< 소스 코드 >>
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'First app', //앱을 총칭하는 이름, 앱이름(폰 화면에 보여짐)
theme: ThemeData(
primarySwatch: Colors.blue //특정 색의 음영을 사용
),
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('First app'), //앱바에 출력되는 타이틀
),
body: Center( //센터 위젯 생성 => 센터 위젯내에 항목을 중앙정렬 함.
child: Column( //Column 위젯 내 항목을 세로로 배치
children: <Widget>[
Text('Hello'), //'Hello' 문자열 출력
Text('Hello'), //'Hello' 문자열 출력
Text('Hello'), //'Hello' 문자열 출력
],
),
),
);
}
}
<< 출력 화면 >>
'Flutter (with 코딩셰프)' 카테고리의 다른 글
[2023.11.20] 플러터(flutter) 순한 맛 강좌 14 | AppBar (1) | 2023.11.20 |
---|---|
[2023.11.17] 플러터(flutter) 순한 맛 강좌 11 | 캐릭터 페이지 디자인#3 (0) | 2023.11.17 |
[2023.11.16] 플러터(flutter) 순한 맛 강좌 10 | 캐릭터 페이지 디자인#2 (0) | 2023.11.16 |
[2023.11.15] 플러터(flutter) 순한 맛 강좌 9 | 위젯정렬 (0) | 2023.11.15 |
[2023.11.03] Intro. (0) | 2023.11.03 |