[2023.11.03] 플러터(flutter) 순한 맛 강좌 7-8 | 플러터 앱페이지 기본코드 이해하기

<< 소스 코드 >>

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' 문자열 출력
          ],
        ),
      ),
    );
  }
}

 

<< 출력 화면 >>