#3 main.dart 기본구조

Gino·2023년 5월 19일
1

코딩셰프 flutter

목록 보기
3/9
// flutter matrerial library import
import 'package:flutter/material.dart';

/*
 void : 텅빈 공간, main() : main이라는 이름의 함수, main 함수는 앱의 시작점
 플러터에서 최상위에 위치한 runApp 함수 (최상위라 한번만 호출하면 됨)
 runApp의 괄호 안에는 반드시 위젯을 argument로 가져야함
 arugument (인자) 함수가 호출될 때 구체적으로 가지는 값
 MyApp 위젯 : 위젯트리에 최상위에 위치하고 스크린레이아웃을 최초로 빌드하는 역할
*/

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  
  Widget build(BuildContext context) {
    return MaterialApp(
      // 두번째 자리에 위치하는 MaterialApp
      title: 'Fisrt app',
      theme: ThemeData(
          // 앱의 기본적인 디자인테마 지정
          primarySwatch: Colors.blue // 앱에서 사용할 기본 음영 지정
          ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  
  Widget build(BuildContext context) {
    return Scaffold(
      // 화면에 바탕 (빈도화지 같은 역할)
      appBar: AppBar(
        // appBar는 아규먼트, AppBar는 위젯
        title: Text('Fisrt app'),
      ),
      body: Center(
        child: Column(
          // 센터 위젯의 대표적인 차일드 위젯인 컬럼
          children: <Widget>[  // [] => 배열을 의미, 컬럼과 함께 쓰이면 세로로 정렬될 요소를 입력하라는 의미
            Text('Hello'),
            Text('Hello'),
            Text('Hello'),
            Text('Hello'),
          ],
        ),
      ),
    );
  }
}
  • main(), runApp() : 함수
    • 첫글자 소문자로 시작
  • MyApp() 위젯
    • 첫글자 대문자로 시작
profile
나무를 심는 사람

0개의 댓글