플러터 입문하기 -기본편-

Ann·2025년 2월 11일
1

Flutter

목록 보기
2/6
import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp( // ① 머티리얼 디자인 위젯
    home: Scaffold( // ② Scaffold 위젯
      body: Text( // ③ Text 위젯
        'Hello Code Factory', // ④ 마지막 매개변수 끝에 콤마 추가
      ),
    ),
  ),
 );
}

해석

① MaterialApp은 머티리얼 디자인 기반의 위젯들을 사용하게 해주는 위젯
② Scaffold는 MaterialApp 위젯 다음으로 위치하는 위젯으로 화면 전체를 차지하며 레이아웃을 도와주고 UI관련 특수 기능을 제공해줌.
(예를 들어 화면에 알림과 같은 스낵바를 실행한다든지, 화면의 위에 앱바를 추가하거나 아래에 탭바를 추가하는 기능을 제공)
플러터에서 main( ) 함수 안에 runApp을 실행하고 그 안에 MaterialApp과 Scaffold 위젯을 추가하는 것이 기본 설정
④ 플러터에서는 마지막 매개변수의 끝에 , 기호를 추가하는 코딩 표준이 있음
③ Text 위젯을 Scaffold에 추가해서 ‘Hello Code Factory’라는 글자를 입력

Center 위젯으로 중앙 정렬

import 'package:flutter/material.dart';

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

0개의 댓글