하이브리드 Navtive App 개발을 위한 google의 flutter 지금부터라도 스터디 가즈아 ~ 저도 초짜라 아는건 별로 없습니다.

1. hello world

자 아래와 같은 hello world를 5분안에 만들어 보겠습니다.

스크린샷 2018-11-16 오전 1.14.28.png

flutter 설치는 [flutter] #001. 설치하기 ( in Windows ) 를 참조 바랍니다.

2. 만들기

스크린샷 2018-11-16 오전 1.24.47.png

File - New - New Flutter Project

스크린샷 2018-11-16 오전 1.27.32.png

main.dart 파일 싹 지우고 아래 코드 넣기

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Welcome to Flutter',
      home: new Scaffold(
        appBar: new AppBar(
          title: const Text('Welcome to Flutter'),
        ),
        body: const Center(
          child: const Text('Hello World'),
        ),
      ),
    );
  }
}