VintageAppMaker / FlutterTutorial

Flutter 입문자를 위한 Dart, Flutter 단계별 예제

FlutterTutorial

Flutter와 Dart 개발을 빠르게 습득하기 위한 가이드. 예제는 dart 2.12 이전버전 문법(null safety 적용안되는 버전)에서 시작했음.
현재는 null safety 적용하여 수정한 버전임. vscode로 빌드하는 것을 추천함.

• Dart 배우기

  • 처음 실행하기
  • 변수-Variable
  • 비교문, 반복문, switch, 널체크
  • 타입채크, 형변환
  • 함수
  • Collections
  • lambda와 closure
  • class
  • abstract
  • mixin, extension
  • 비동기 - Stream
  • 비동기 - future
  • 예외, typedef
  • dart 2.12 이상부터 nullsafety 적용됨

• Flutter 배우기

  • 설치 및 실행

  • 빠르게 구조파악

  • basic

    • Text
    • Button
    • Image
    • TextField
    • FormField
    • Layout
    • ListView
    • Tab
    • Tab2
    • Drawer
    • Radio , Dropdown
    • Check, Indicator
    • Dialog, Snackbar
    • Cupertino

  • IO

    • File
    • Pref
    • Asset
    • HTTP
    • HTTP2
    • HTML

  • StateManagement

    • Key
    • InheritedWidget
    • Provider
    • StreamBuilder

  • etc

    • RefreshIndicator
    • StaggeredGridView
    • HorizontalListExample
    • Sliver Example
    • Permission Example
    • Share Example
    • Channel Example
    • Theme Example
    • PageView Example
    • WebView Example
    • BackPressed Example

• 기본설정

  • 빠르게 시작하기

---

Flutter v2.10 migration

Android에서 수정할 내용 정리. dart 2.12부터는 null safety 지원으로 인한 언어변화가 많았음.

1.AndroidManifest.xml에서 이름변경

<application
        android:name="${applicationName}"
    

2.AndroidStudio의 하단 터미널에서 커맨드 입력

flutter upgrade
flutter pub upgrade
flutter pub outdated

3. 몇몇 플러그인들은 구조가 바뀌어서 코드수정 및 삭제가 필요함.
4. app의 Gradle 정보를 수정해야 함

android {
   ...
    defaultConfig {
        ...
        // v2.10용 추가
        minSdkVersion 19
        compileSdkVersion 31
    }

   
}

5. (android) project의 gradle 정보에서 kotlin 버전정보를 1.6.10 이상으로 설정

buildscript {
    ext.kotlin_version = '1.6.10'
    ... 
}

6. Gradle 버전을 6.1.1 이상으로 설정( gradle-wrapper.properties )

#Fri Jun 23 08:50:38 CEST 2017
distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-6.1.1-all.zip

Flutter v3.0 migration

OutlineButton에서 에러발생하여 주석처리

1. 타겟변경후 컴파일시 package name 에러가 발생한다면 프로젝트 폴더를 무조건 소문자로 변경해야 한다.
2. window의 경우 개발자 모드로 설정 요구함(콘솔에서 입력)
start ms-settings:developers

Flutter 개발환경 핫키(Android Studio)

위젯을 감싸고 제거하고, 함수로 만들고 할 때 유용한 키

- 위젯 감싸기 또는 제거하기 : alt + enter
- 들여쓰기 정리하기  : ctrl + alt + l
- 범위로 선택한 코드를 함수 또는 위젯 만들기 :  ctrl + alt + m

Flutter 개발환경 핫키(VSCode)

위젯을 감싸고 제거하고, 함수로 만들고 할 때 유용한 키

- 위젯 감싸기 또는 제거하기, 함수, 위젯만들기 : ctrl + .
- 들여쓰기 정리하기  : alt + shift + f
- 리펙토링           : F2
- 빌드타겟 선택하기 : crtl + shift + p 이후 device 입력