[Flutter] Hello Flutter 출력해보기

Hello Flutter 출력하기

플러터는 프로젝트를 생성하면 /lib/main.dart 파일에 자동으로 샘플 코드를 생성한다.

해당 부분을 지우고 코드를 작성하면 된다.

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text(
            'HELLO FLUTTER',
          ),
        ),
      ),
    ),
  );
}

 

import 'package:flutter/material.dart';

- 머터리얼 디자인 관련 기능을 불러온다.

- flutter/material.dart 를 불러와야 플러터에서 제공해주는 위젯 기능을 사용할 수 있다.

 

 

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text(
            'HELLO FLUTTER',
          ),
        ),
      ),
    ),
  );
}

- runApp() 함수를 실행해 플러터 프로젝트 시작

- MaterialApp()은 머터리얼 디자인 기반의 위젯들을 사용할 수 있게 하는 위젯이다.

- Scaffold()는 MaterialApp 위젯 다음으로 위치해 화면 전체를 차지하고, 레이아웃이나 UI 관련 기능을 제공해준다.

- 위의 MaterialApp 위젯과 Scaffold 위젯이 기본 설정이다.

- 플러터에서는 마지막 매개변수의 끝에 쉼표(,) 기호를 추가하는 스탠다드가 있다.