dev-yakuza/study-flutter

Blog

This repository is the example source codes of the blog.

• EN: https://dev-yakuza.posstree.com/en/flutter/
• KO: https://dev-yakuza.posstree.com/ko/flutter/
• JA: https://dev-yakuza.posstree.com/flutter/

If you want to know more details about the source code, please see the above links.

Dart

Example code: https://github.com/dev-yakuza/study-flutter/tree/main/dart/

• EN
  • [MacOS] Flutter installation
  • [Flutter] Variable in Dart
  • [Flutter] Operator in Dart
  • [Flutter] Statement in Dart
  • [Flutter] Function in Dart
  • [Flutter] Class in Dart
• KO
  • [MacOS] Flutter 설치
  • [Flutter] Dart에서 변수
  • [Flutter] Dart에서 연산자
  • [Flutter] Dart에서 Statement
  • [Flutter] Dart에서 함수
  • [Flutter] Dart에서 클래스
• JA
  • [MacOS] Flutterのインストール
  • [Flutter] Dartの変数
  • [Flutter] Dartの演算子
  • [Flutter] DartのStatement
  • [Flutter] Dartの関数
  • [Flutter] Dartのクラス

First App

Example code: https://github.com/dev-yakuza/study-flutter/tree/main/first_app

• EN: [Flutter] Start
• KO: [Flutter] 시작하기
• JA: [Flutter] 始まり

Linter

Example code: https://github.com/dev-yakuza/study-flutter/tree/main/linter_example

• EN: [Flutter] Linter
• KO: [Flutter] Linter
• JA: [Flutter] Linter

Widget

Example code: https://github.com/dev-yakuza/study-flutter/tree/main/widget

• EN
  • [Flutter] Widget
  • [Flutter] Image widget
  • [Flutter] Snackbar widget
  • [Flutter] Textfield widget
  • [Flutter] Animation
  • [Flutter] Lifecycle
  • [Flutter] Pull to refresh
  • [Flutter] Fix font size by textScaleFactor
  • [Flutter] DatePicker
  • [Flutter] Hide back button in AppBar
  • [Flutter] Get widget size by LayoutBuilder
• KO
  • [Flutter] 위젯
  • [Flutter] Image 위젯
  • [Flutter] Snackbar 위젯
  • [Flutter] Textfield 위젯
  • [Flutter] 애니메이션
  • [Flutter] 라이프사이클
  • [Flutter] 당겨서 새로고침
  • [Flutter] textScaleFactor를 사용해서 폰트 크기 고정하기
  • [Flutter] DatePicker
  • [Flutter] AppBar의 뒤로가기 버튼 없애기
  • [Flutter] LayoutBuilder를 사용하여 위젯의 크기 구하기
• JA
  • [Flutter] ウィジェット
  • [Flutter] Imageウィジェット
  • [Flutter] Snackbarウィジェット
  • [Flutter] Textfieldウィジェット
  • [Flutter] アニメーション
  • [Flutter] ライフサイクル
  • [Flutter] 引っ張って更新(Pull to refresh)
  • [Flutter] textScaleFactorでフォントサイズを固定する
  • [Flutter] DatePicker
  • [Flutter] AppBarのバックボタンを隠す
  • [Flutter] LayoutBuilderを使ってウィジェットのサイズを取得する

Layout

Example code: https://github.com/dev-yakuza/study-flutter/tree/main/layout

• EN: [Flutter] Layout
• KO: [Flutter] 레이아웃
• JA: [Flutter] レイアウト

Navigator

Example code: https://github.com/dev-yakuza/study-flutter/tree/main/navigator

• EN
  • [Flutter] Stack navigation
  • [Flutter] Drawer navigation
  • [Flutter] Pass parameters via navigatior
• KO
  • [Flutter] 스택 내비게이션
  • [Flutter] Drawer 내비게이션
  • [Flutter] 내비게이션에서 파라메터 전달
• JA
  • [Flutter] スタックナビゲーション
  • [Flutter] Drawerナビゲーション
  • [Flutter] ナビゲーションでパラメータを渡す

Test

Example code: https://github.com/dev-yakuza/study-flutter/tree/main/test

• EN
  • [Flutter] Integration Test
  • [Flutter] Find child and parent widget in test code
• KO
  • [Flutter] 통합 테스트(Integration Test)
  • [Flutter] 테스트 코드에서 부모 위젯이나 자식 위젯 찾기
• JA
  • [Flutter] 統合テスト(Integration Test)
  • [Flutter] テストコードの中で親ウィジェットやチャイルドウィジェットを探す

Blog

This repository is the example source codes of the blog.

• EN: https://dev-yakuza.posstree.com/en/flutter/
• KO: https://dev-yakuza.posstree.com/ko/flutter/
• JA: https://dev-yakuza.posstree.com/flutter/

If you want to know more details about the source code, please see the above links.

Packages

Example code: https://github.com/dev-yakuza/study-flutter/tree/main/packages

• EN
  • [Flutter] Admob
  • [Flutter] Provider
  • [Flutter] TTS - Text To Speech
  • [Flutter] Open browser with url_launcher
  • [Flutter] Open link on external browser with url_launcher in iOS
  • [Flutter] How to use package_info_plus to get package info
  • [Flutter] How to use device_info_plus to get device info
  • [Flutter] How to use http to call API
  • [Flutter] in_app_review
  • [Flutter] Local push notification
  • [Flutter] WebView
  • [Flutter] How to use cookie with webview_flutter
  • [Flutter] flutter_colorpicker
  • [Flutter] Take a photo by Camera plugin
• KO
  • [Flutter] Admob
  • [Flutter] Provider
  • [Flutter] TTS - Text To Speech
  • [Flutter] url_launcher를 사용하여 브라우저 열기
  • [Flutter] iOS에서 url_launcher를 사용하여 외부 브라우저 열기
  • [Flutter] package_info_plus를 사용하여 패키지 정보 가져오기
  • [Flutter] device_info_plus를 사용하여 디바이스 정보 가져오기
  • [Flutter] http로 API 호출하기
  • [Flutter] in_app_review
  • [Flutter] 로컬 푸시 노티피케이션
  • [Flutter] 웹뷰(WebView)
  • [Flutter] webview_flutter에서 쿠키 사용하기
  • [Flutter] flutter_colorpicker
  • [Flutter] Camera 플러그인을 사용하여 사진 촬영하는 방법
• JA
  • [Flutter] Admob
  • [Flutter] Provider
  • [Flutter] TTS - Text To Speech
  • [Flutter] url_launcherを使ってブラウザを開く
  • [Flutter] iOSでurl_launcherを使って外部ブラウザを開く
  • [Flutter] package_info_plusを使ってパッケージ情報取得
  • [Flutter] device_info_plusを使ってデバイス情報取得
  • [Flutter] httpでAPIを呼び出す
  • [Flutter] in_app_review
  • [Flutter] ローカルプッシュ通知
  • [Flutter] ウェブビュー(WebView)
  • [Flutter] webview_flutterでコッキーを使う方法
  • [Flutter] flutter_colorpicker
  • [Flutter] Cameraプラグインを使って写真を撮影する方法