[Flutter] Hello World 출력해 보기

Flutter : Cross Platform, UI Toolkit이라 불리며

Flutter의 UI의 기본적인 단위는 Widget이다.

Stateless Widget / Stateful Widget

특정한 상황에 따라 화면갱신이 필요할경우 Stateful Widget 변화가 필요없다면 Stateless Widget을 사용한다.

기본적으로 Widget 단위로 움직인다는 개념을 가지고 가면 좋다.

Main.dart 파일에 Hello World 나오게하는 코드를 만들어보기

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
      home: Scaffold(
    body: TestWidget()
  )));
}

class TestWidget extends StatelessWidget {
  const TestWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Center(
        child: Text(
          'Hello World',
          style: TextStyle(
            fontSize: 40,
            color: Colors.black,
          ),
        ),
      ),
    );
  }
}

실제 출력된 화면