Development/Flutter (Dart)

[Flutter3.61][Dart3.2] 앱개발 입문 아주 간단한 예시 프로젝트 만들어보기

Tradgineer 2023. 12. 16. 17:20

 

1. 작업 환경

 

Flutter 3.16.2 • channel stable • https://github.com/flutter/flutter.git
Tools • Dart 3.2.2 • DevTools 2.28.3

% which flutter
/opt/homebrew/bin/flutter
% which dart
/opt/homebrew/bin/dart

 

 

 

 

 

2. 프로젝트 생성 in Terminal

 

프로젝트 생성 후 실행해서 정상인지 확인

 

flutter create test01

 

cd test01
flutter run

 

 

 

 

 

3. Android Studio에서 프로젝트 Open

 

 

 

 

 

 

4. 애뮬레이터 실행해보기

 

 - 색도 바꿔보면서 띄워봅니다.

 

colorScheme: ColorScheme.fromSeed(seedColor: Colors.green),

 

 

 

 

 

 

5. 아주 간단한 예제 소스코드

 

import 'package:flutter/material.dart';

void main() {
  runApp(App());
}

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Hello Flutter~'),
        ),
        body: Center(
          child: Text('Hello World!'),
        ),
      ),
    );
  }
}