====== Flutter ======

[[/informatique/dart|dart]]

{{ :informatique:informatique:app-release.apk |app-release.apk}}

Flutter documentation
  * Examples
    * https://github.com/flutter/flutter/tree/master/examples
    * https://github.com/flutter/gallery
    * https://flutter.github.io/samples
  * [[https://docs.flutter.dev/ui/layout|Layout]]
  * [[https://docs.flutter.dev/ui/widgets|Widgets]]
    * [[https://docs.flutter.dev/ui/widgets/cupertino|Cupertino widgets]] (iOS-style) 
    * [[https://docs.flutter.dev/ui/widgets/material|Material Components widgets]]

===== Flutter Alternatives =====

==== Kotlin Multiplatform Development ====

https://www.jetbrains.com/kotlin-multiplatform/

  * Open-source technology by JetBrains for flexible multiplatform development. Reuse Kotlin code across Android, iOS, web, desktop, and server-side while keeping native code if needed.
  * https://www.jetbrains.com/help/kotlin-multiplatform-dev/get-started.html

==== Ionic Framework ====

https://ionicframework.com/

The mobile SDK for the Web. An open source mobile UI toolkit for building modern, high quality cross-platform mobile apps from a single code base.

Ionic runs inside a native container using Cordova or, more recently, Capacitor.

  * [[https://ionic.io/resources/articles/ionic-vs-flutter-comparison-guide|Ionic vs Flutter: Best Platform for Hybrid App Development]]


===== Visual designer =====

As a service
  * https://flutterflow.io/pricing
  * https://flutlab.io/pricing
  * https://pixso.net/pricing/

Free
  * https://flutterstudio.app/


Free mais pas encore actifs:
  * https://carpent.io/
  * Flutterviz.com

==== Theme builder ====

  * https://material.io/blog/material-theme-builder
  * https://appainter.dev/
    * A material theme editor and generator for Flutter to configure and preview the overall visual theme of your material app.
    * configuration visuelle d'un thème pour Flutter
    * utilise le package https://pub.dev/packages/json_theme
    * AGPL-3.0 license https://github.com/zeshuaro/appainter


===== Application & components templates =====

  * [[https://flutterui.design/|FlutterUI]]
  * De superbes effets [[https://github.com/gskinnerTeam/flutter_vignettes|gskinner vignettes]] par www.gskinner.com
  * https://github.com/instaflutter/awesome-flutter
  * https://blog.logrocket.com/32-free-flutter-templates-mobile-apps/
  * https://dev.to/pablonax/40-free-flutter-templates-2022-5db1
  * https://instaflutter.com/design/best-flutter-app-templates/
  * https://code.market/category/flutter/multipurpose/app-template

https://github.com/X-Wei/flutter_catalog

https://github.com/nisrulz/flutter-examples

https://github.com/fluttercommunity/community

===== Applications faites avec Flutter =====

Pour inspiration, savoir-faire.

  * https://github.com/instaflutter/awesome-flutter?tab=readme-ov-file#open-source-apps
  * Rechercher sur [[https://github.com/search?q=path%3A%2F%5Epubspec%5C.yaml%24%2F+flutter&type=code|github]].

Des applications:

  * https://flutter.gskinner.com/
  * [[https://blackhole-music.com/|BlackHole]] a music player from Spotify & Youtube
    * https://github.com/Sangwan5688/BlackHole
  * [[https://syphon.org|Syphon]] un client Matrix
    * https://github.com/syphon-org/syphon
    * implemente le pattern Redux (voir [[#state_management]])
  * [[https://github.com/mulaRahul/keyviz|KeyViz]] montre les touches et clics, utile pour les tutos video
  * [[https://github.com/siopipin/Taxi-App|Taxi-App]]
    * built with BLOC pattern (voir [[#state_management]])
  * Quelques "débuts" d'applications par TheAlphamerc
    * https://github.com/TheAlphamerc/flutter_login_signup/
  * API Dash is a beautiful open-source cross-platform API Client 
    * https://apidash.dev/
    * https://github.com/foss42/apidash
  * Convert a website to an app using flutter - Flutter WebView
    * https://github.com/techwithsam/flutter_webview/tree/master
    * https://www.youtube.com/watch?v=RPKtb23CjCo&list=PLMfrNHAjWCoB6roLO1soz6RMc5BdnU9pk
    * voir [[#inapp_webview]]

===== Packages / Libraries =====

==== Widgets ====

  * [[https://github.com/fluttercommunity/community|Flutter Community]]
    * Entre autres:
      * Flutter WebView Plugin
        * https://github.com/fluttercommunity/flutter_webview_plugin
        * Android & iOS
      * Battery, Device, network...
        * https://github.com/fluttercommunity/plus_plugins
  * InApp WebView
    * https://inappwebview.dev/
      * https://github.com/techwithsam/flutter_webview/

==== State management ====

The [[https://github.com/brianegan/flutter_architecture_samples/|Flutter Architecture Samples]] project demonstrates some strategies.

=== Bloc ===

  * https://bloclibrary.dev/ https://pub.dev/packages/flutter_bloc
    * [[https://blog.logrocket.com/state-management-flutter-bloc-pattern/|State management in Flutter using the BLoC design pattern]]

=== Redux ===

  * le pattern Redux avec [[https://pub.dev/packages/flutter_redux|flutter_redux]]
    * https://blog.octo.com/mon-application-flutter-avec-redux

=== Getx ===

Open screens/snackbars/dialogs/bottomSheets without context, manage states and inject dependencies easily with Get.

https://github.com/jonataslaw/getx

  * [[https://www.kindacode.com/article/using-getx-get-for-state-management-in-flutter/|Using GetX (Get) for State Management in Flutter]] by A. Goodman 2022-10
  * [[https://medium.com/swlh/flutter-dynamic-themes-in-3-lines-c3b375f292e3|Flutter dynamic themes in 3 lines!]]
  * [[https://medium.com/swlh/flutter-fast-navigation-with-get-5412ab84b390|Flutter fast navigation with Get]] by Rod Brown

==== Storage ====

=== Hive ===

Fast, Enjoyable & Secure NoSQL Database. Hive is a lightweight and buzzing-fast key-value database made for Flutter and Dart.
  * https://github.com/isar/hive

=== path_provider ===

A Flutter plugin for finding commonly used locations on the filesystem. Supports Android, iOS, Linux, macOS and Windows. Not all methods are supported on all platforms.

https://pub.dev/packages/path_provider