1. Hello World
lib/main.dart
1import 'package:flutter/material.dart';23void main() {4runApp(5MaterialApp(6home: Scaffold(7backgroundColor: Colors.black,8body: Center(9child: Text(10'Hello World',11style: TextStyle(12color: Colors.white,13fontSize: 30,14fontWeight: FontWeight.bold,15),16),17),18),19),20);21}
2. 위젯 트리(Widget Tree)
1void main() {2// runApp : 플러터의 진입 포인트3runApp(4// Widget : 클래스의 일종으로 화면을 구성하는 기본 단위5MaterialApp(6home: Scaffold(7backgroundColor: Colors.black,8body: Center(9child: Text('Hello World',10style: TextStyle(11color: Colors.white,12),13),14),15),16),17);18}
Widget: 화면을 구성하는 기본 단위Widget Tree: 위젯들의 부모, 자식 관계를 나타내는 것- 위 코드에서 위젯 트리는 다음과 같다.
- MaterialApp → Scaffold → Center → Text