learn_flutter

Projects

写経

• qiita_search
  • いちから始めるFlutterモバイルアプリ開発
    • http, webview_flutter
• codelab_first_app
  • 初めての Flutter アプリ
• testing_app
  • Flutter アプリのテスト方法
    • routing with go_router, tests; unit test, widget test, perf test
• google_maps
  • Flutter アプリに Google マップを追加する  |  Google Codelabs
    • google_maps_flutter, http, json_serializable
• mdc101_flutter
  • MDC-101 Flutter: マテリアル コンポーネントの基本
  • backdrops, custom fonts, gridview
• animated_responsive_layout
  • マテリアル 3 でアニメーション化されたレスポンシブ アプリ レイアウトを作成する
• borring_to_beautiful
  • Flutter アプリを「退屈なアプリ」から「見栄えの良いアプリ」に変える
• material_motion_flutter
  • Flutter 用のマテリアル モーションで美しい移行を作成する
  • memo in material_motion_flutter/README
• battery_level_app
  • Platform-specific code | Flutter
    • 電池残量と充電状態を監視する  |  App quality  |  Android Developers
• good_to_know_flutter_with_firebase
  • Firebase for Flutter を理解する
  • codelabs/firebase-get-to-know-flutter at main · flutter/codelabs
    • firebase/flutterfire: 🔥 A collection of Firebase plugins for Flutter apps.

Command

Create Project

flutter createの後に-eを付ける事で最小構成のプロジェクトを作成する事ができます。

flutter create -e [project_name] --platforms=ios,android

• XユーザーのAndrea Bizzotto 💙さん: 「Want to create an "empty" Flutter project without all the boilerplate code? Then simply pass a "-e" flag on the command line. Example: flutter create -e test_app This will generate minimal pubspec.yaml and main.dart files (without any comments). 👇 https://t.co/HqsCSdfNZn」 / X

Run App

flutter devices
flutter run -d [device_id]

Flutter run key commands

- r: Hot reload.
- R: Hot restart.
- v: Open Flutter DevTools.
- s: Save a screenshot to flutter.png.
- w: Dump widget hierarchy to the console.                                               (debugDumpApp)
- t: Dump rendering tree to the console.                                          (debugDumpRenderTree)
- L: Dump layer tree to the console.                                               (debugDumpLayerTree)
- f: Dump focus tree to the console.                                               (debugDumpFocusTree)
- S: Dump accessibility tree in traversal order.                                   (debugDumpSemantics)
- U: Dump accessibility tree in inverse hit test order.                            (debugDumpSemantics)
- i: Toggle widget inspector.                                  (WidgetsApp.showWidgetInspectorOverride)
- p: Toggle the display of construction lines.                                  (debugPaintSizeEnabled)
- I: Toggle oversized image inversion.                                     (debugInvertOversizedImages)
- o: Simulate different operating systems.                                      (defaultTargetPlatform)
- b: Toggle platform brightness (dark and light mode).                        (debugBrightnessOverride)
- P: Toggle performance overlay.                                    (WidgetsApp.showPerformanceOverlay)
- a: Toggle timeline events for all widget build methods.                    (debugProfileWidgetBuilds)
- M: Write SkSL shaders to a unique file in the project directory.
- g: Run source code generators.
- j: Dump frame raster stats for the current frame. (Unsupported for web)
- h: Repeat this help message.
- d: Detach (terminate "flutter run" but leave application running).
- c: Clear the screen
- q: Quit (terminate the application on the device).

refernces

pub

hoge

flutter documents

hoge

vscode extensions

• dart-import - Visual Studio Marketplace
  • Fix Dart/Flutter's imports