[코드팩토리의 플러터 프로그래밍] 5장. 플러터 입문하기 - hello code factory 출력, center위젯으로 중앙 정렬

환경 : 맥북 m1

 

hello code factory 출력 

materialapp : material design 기반의 위젯들을 사용하게 해주는 위젯

scaffold : materialapp 다음으로 위치하는 위젯으로 화면 전체를 차지하며 레이아웃 도와주는 기능 제공 

ex, 화면에 알림과 같은 스낵바 실행, 위에 앱바 혹은 아래에 탭바 추가 

 

 

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        body: Text(
          'Hello Code Factory',
        ),
      ),
    ),
  );
}

device 선택 후 실행, 처음에는 시간이 걸린다.

 

화면은 여기 버튼을 눌러야 보인다.

 

이대로 실행하면 상단 메뉴와 겹쳐진 결과를 볼 수 있다.

 

 

center 위젯으로 중앙으로 정렬 

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        body: Center (
          child : Text(
          'Hello Code Factory',
          ),
        ),
      ),
    ),
  );
}

 

 

중앙으로 정렬된 실행화면을 볼 수 있다.

 

 

 

모든 언어의 시작은 hello world