1. Hello World!
시작 해보기
import 'package:flutter/material.dart';
void main() {
runApp(
Center(
child: Text(
'Hello, world!',
textDirection: TextDirection.ltr,
),
),
);
}
void main() {
runApp(MyApp());
}
void main() => runApp(MyApp());
- Flutter는 모든게 위젯으로 이루어져있다!
- runApp()
- material.dart 에 expose 되어있는 함수
- 어플에 화면을 뿌리는 함수
- 인자로
root 위젯
을 넣어주면
- 위젯의
build 함수
를 호출한다.
Introduction to widgets
Layout widgets
위젯의 종류
- Visible 위젯
- 실제로 보이는 위젯
- Text, Card, RaisedButton 등
- Invisible 위젯
- 실제로 보이지는 않는 위젯
- visible 위젯이 어떻게 화면에 보여질지 컨트롤
- 레이아웃을 정해주는 위젯
- Row, Column, ListView 등
- Container 위젯
- 실제로 보이지 않아 Invisible 위젯 같지만
- 눈에 보이는 스타일링을 할수있다.
예시
- 간단 작동 원리
- 각 OS의 native ui 에 전혀 상관없이
- 플러터 자체 구현으로 랜더링된다.
- 플랫폼에 제한이 없고 UI 를 더 자유롭게 쓸수있다.
2. State
state 이해하기