Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Les nouveautés Flutter depuis la Google I/O 2019

Les nouveautés Flutter depuis la Google I/O 2019

081b06f3d680a58d45bf672c0dfa0a6a?s=128

Edouard Marquez

June 27, 2019
Tweet

Transcript

  1. Les nouveautés Flutter Edouard Marquez (Développeur freelance Flutter & Android)

  2. Un petit rappel sur Flutter

  3. Les nouveautés de la Google I/O 2019 Paris Android User

    Group La notion de "declarative UI" SwiftUI iOS / iPad OS / Mac OS / TV OS / Watch OS Jetpack Compose Android
  4. Les nouveautés de la Google I/O 2019 Paris Android User

    Group La notion de "declarative UI" SwiftUI iOS / iPad OS / Mac OS / TV OS / Watch OS Jetpack Compose Android import SwiftUI struct Content : View { @State var model = Themes.listModel var body: some View { List(model.items, action: model.selectItem) { Image(item.image) VStack(alignement: .leading) { Text(item.title) Text(item.subtitle) .color(.gray) } } } }
  5. Les nouveautés de la Google I/O 2019 Paris Android User

    Group En résumé, qu'est-ce que Flutter ? OpenSource Toutes les couches Multiplateforme Android (4.1+) & iOS (8.0+) Code natif = performances Dart Langage de programmation Inspiré du web Hot Reload, concepts…
  6. Introduction à Flutter Meetup Abbeal Le paradigme : Flutter Code

    natif Canvas Evénements Application Plateforme Position GPS Bluetooth Audio Capteurs Caméra Etc Services Widgets, Rendu Platform Channels
  7. None
  8. Et donc les nouveautés ?

  9. 1 Une nouvelle version stable de Flutter est disponible g123k@localhost:~$

    flutter doctor Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, v1.5.4-hotfix.2, on Mac OS X 10.14.4 18E226, locale en-FR) [✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3) [✓] iOS toolchain - develop for iOS devices (Xcode 10.2.1)
  10. Collection if Collection for Null-aware spread operator 2 Une nouvelle

    version de Dart est disponible Nouvelles possibilités sur les collections "UI as code" Spread operator Ajouter une liste dans une liste Ajouter une liste non- nulle dans une liste Ajouter par condition Ajouter en itérant
  11. 2 Avant Dart 2.3 class MyWidget extends StatelessWidget { @override

    Widget build(BuildContext context) { List<Widget> widgets = []; if (myCondition) { widgets.add(const Icon(Icons.people, size: 40.0)); } if (myOtherCondition) { widgets.add(const Text('Hello Paris')); } return Column( children : widgets );
  12. 2 Depuis Dart 2.3 class MyWidget extends StatelessWidget { @override

    Widget build(BuildContext context) { return Column( children : <Widget>[ if (myCondition) const Icon(Icons.people, size: 40.0), if (myOtherCondition) const Text('Hello Paris') ] ); } }
  13. 3 Flutter pour l'embarqué Perhaps one of the most pervasive

    embedded platforms where Flutter is already running is on the smart display operating system that powers the likes of Google Home Hub. “ “ Within Google, some Google-built features for the Smart Display platform are powered by Flutter today. And the Assistant team is excited to continue to expand the portfolio of features built with Flutter for the Smart Display in the coming months; the goal this year is to use Flutter to drive the overall system UI. “ “
  14. 3 Flutter pour l'embarqué

  15. 4 Flutter sur le desktop Windows Mac Linux ChromeOS

  16. 5 Flutter sur le web (Hummingbird) Material Cupertino Widgets Rendering

    Foundation Animation Painting Gestures Framework (Dart) Skia Dart Text Engine (C++) Canvas JS Engine DOM Navigateur
  17. 5 Flutter sur le web (Technical preview) Pas de plugin

    Temporairement à accès à des API de substitution API incomplètes Toutes les API Flutter ne sont pas disponibles Chrome uniquement Pour l'aspect développement 2 modes de fonctionnement Dev / prod Ca marche !
  18. 6 Résultats du concours Flutter Create

  19. 6 Résultats du concours Flutter Create

  20. None
  21. 6 Résultats du concours Flutter Create

  22. Merci ! Questions ? @g123k @FlutterFr Meetup Kotlin (04/07) Kotlin

    multiplatform + Flutter & PWA