Flutter

Le langage dart

Quelques notes sur le debuggage.

Et des Tips/Tutos/Examples.

Ma 1ère appli : CroustiWiki

Flutter documentation

• https://flutter.dev
• Flutter Cookbook contains recipes that demonstrate how to solve common problems
• Flutter CodeLabs
• Layout
• Widgets
  • Cupertino widgets for iOS style and behavior
  • Material Components widgets
    • https://flutter-experimental-m3-demo.web.app/
• Theme
• assets and images
• Examples
  • https://github.com/flutter/flutter/tree/master/examples
  • https://github.com/flutter/gallery
    • theme: material_3_demo
  • https://flutter.github.io/samples
  • compass_app
    • The Compass sample application is an app that helps users build and book itineraries for trips. It’s a robust sample application with many features, routes, and screens. The app communicates with an HTTP server, has development and production environments, brand-specific styling, and high test coverage. In these ways and more, it simulates a real-world, feature rich Flutter application. It use package:provider which is recommend by teams at Google
• Release & Publish to app stores
  • android
    • Set up Flutter flavors for Android
    • Build and release an Android app
  • iOS/macOS
    • Set up Flutter flavors for iOS and macOS
    • Build and release an iOS app

• https://try.fwfh.dev/

• The Flutter command-line tool
• Flutter's build modes

flutter create my_app
cd my_app
flutter analyze
flutter test
flutter run lib/main.dart

flutter pub get
flutter pub outdated
flutter pub upgrade

Penser à nettoyer les dossiers des projets inutilisés pour réduire le volume utilisé avec flutter clean : 779Mo → 2,6Mo

$ du -hs ./
779M	poc_flutter_tts/
$ flutter clean
$ du -hs ./
2.6M

Pour compiler la version debug

$ flutter build apk --debug

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

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.

• Ionic vs Flutter: Best Platform for Hybrid App Development

Pour les screenshots des magasins d'Apps:

• https://app-mockup.com

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

• 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

• https://www.fluttericon.com/
• https://icon.kitchen

• FlutterUI
• De superbes effets 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

• https://github.com/flutter/packages/ A collection of useful packages maintained by the Flutter team

• Flutter core
  • Catalogue des widgets du framework
  • AppBar
    • https://api.flutter.dev/flutter/material/AppBar-class.html
    • https://flutterassets.com/flutter-basics-appbar/
• 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
• HTML
  • flutter_html
    • A Flutter widget for rendering HTML and CSS as Flutter widgets.
  • flutter_widget_from_html, flutter_widget_from_html_core
    • Flutter package to render html as widgets that supports hyperlink, image, audio, video, iframe and 70+ other tags.
• Swiper
  • flutter_card_swiper
• Rating
  • flutter_rating_bar
  • easy_stars
  • flutter_rating_stars
• Screens on an app's first launch
  • introduction_screen
• List
  • grouped_list
• Calendar
  • table_calendar ⭐ 3,28k 1,9k ; 25 contributors
    • sélection de plages de dates, gestion d’événements, personnalisation du style, plusieurs formats (mois, semaine, deux semaines).
    • Tuto
  • syncfusion_flutter_calendar ⭐ 1.55k
    • 9 vues configurables (jour, semaine, mois, timeline, etc.), gestion événements.
    • Getting started
  • flutter_calendar_view ⭐ 957 505 ; 36 contributors
    • calendrier avec gestion d’événements et personnalisation de l’UI.
  • listes, comparatifs:
    • https://fluttergems.dev/calendar/
    • https://medium.com/flutter-community/flutter-calendar-library-comparison-c08d5ba3cc9e

• original:
  • https://inappwebview.dev/
    • https://github.com/techwithsam/flutter_webview/
• fork new maintainer
  • https://pub.dev/packages/zikzak_inappwebview
• Convert a PWA Into a Flutter App Using WebViews

Web Share API n'est pas fonctionnelle avec inappwebview pourtant elle fonctionne avec pwabuilder …

• https://github.com/pichillilorenzo/flutter_inappwebview_examples/issues/16
• https://github.com/GoogleChromeLabs/bubblewrap/discussions/944

The Flutter Architecture Samples project demonstrates some strategies.

• https://bloclibrary.dev/ https://pub.dev/packages/flutter_bloc
  • State management in Flutter using the BLoC design pattern

• le pattern Redux avec flutter_redux
  • https://blog.octo.com/mon-application-flutter-avec-redux

https://github.com/rodydavis/signals.dart

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

https://pub.dev/packages/get/, https://github.com/jonataslaw/getx

Documentation:

• GetX/Example
• State Management
• Route Management
• Dependency Management
• https://deepwiki.com/jonataslaw/getx/1-getx-overview

More:

• other GetX packages https://pub.dev/publishers/getx.site/packages
• Using GetX (Get) for State Management in Flutter by A. Goodman 2022-10
• How to Fetch Api with GetX? to fill a list (2023) code
• Flutter dynamic themes in 3 lines!
• Flutter fast navigation with Get by Rod Brown
• Flutter-Getx-Projects (2021)
• flutter-getx-app-tutorial (2021)
• Using GetX (Get) for State Management in Flutter app that displays a list of given products (2022)

https://pub.dev/packages/provider

Applications exemples:

• https://github.com/flutter/samples/tree/main/provider_counter
• https://github.com/flutter/samples/tree/main/provider_shopper
• https://github.com/flutter/samples/tree/main/compass_app

https://pub.dev/packages/riverpod

(anagram of Provider)

A fast, extra light and synchronous key-value storage written entirely in Dart

• https://pub.dev/packages/get_storage

il fonctionne très bien avec Workmanager (isolate context), le partage de données avec l'UI fonctionne 💐

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

Drift is a reactive persistence library for Flutter and Dart, built on top of SQLite.

allowing you to run database code across isolates.

• https://github.com/simolus3/drift

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

shared_preferences Wraps platform-specific persistent storage for simple data (NSUserDefaults on iOS and macOS, SharedPreferences on Android, etc.).

Packages pour afficher/modifier les préférences:

Dev/debug side

• shared_preferences_explorer on-screen viewing of shared_preferences

Settings page UI (côté utilisateur):

• settings_ui 🚀
• flutter_settings_screens 🚀
  • dépendances: path_provider, provider, shared_preferences
• cobi_flutter_settings 🤔
  • dépendances: image_picker, shared_preferences
  • manque de finitions.

Home Screen Widget

Package https://pub.dev/packages/home_widget

• https://docs.page/abausg/home_widget/android-xml/setup
• https://codelabs.developers.google.com/flutter-home-screen-widgets?hl=fr
• https://ejolie.hashnode.dev/developing-ios-android-home-screen-widgets-in-flutter

Flutter local notifications

• https://pub.dev/packages/flutter_local_notifications
• https://pub.dev/packages/awesome_notifications

Articles:

• Deep dive intro Permissions in Flutter 2022

Flutter background service

• https://pub.dev/packages/workmanager
• https://pub.dev/packages/flutter_background_service

iOS:

• Info PList UIBackgroundModes.
• Add a capability to a target

• https://docs.flutter.dev/cookbook/navigation/set-up-app-links
• https://docs.flutter.dev/ui/navigation/deep-linking

OAuth

• https://pub.dev/packages/flutter_appauth
  • use AppAuth a native App SDK for OAuth 2.0 and OpenID Connect
• https://pub.dev/packages/oauth2
  • apparament obsolète Considering deprecating and discontinuing package:oauth2
• https://pub.dev/packages/oauth2_client
• https://pub.dev/packages/oidc

HUX an open-source state of the art UI library for Flutter 💙 - demo

• Permission
  • permission_handler provides a cross-platform (iOS, Android) API to request permissions and check their status.
• HTTP
  • dio a HTTP client for Dart and Flutter, which supports global settings, Interceptors, FormData, aborting and canceling a request, files uploading and downloading, requests timeout, custom adapters, etc.
  • http
  • GetConnect inside GetX
• Location
  • flutterlocation
• Clipboard
  • rich_clipboard discontinued
  • super_clipboard
• receive_sharing_intent
  • A Flutter plugin that enables flutter apps to receive sharing photos, videos, text, urls or any other file types from another app.