Qu'est-ce que l’element embedding sur Flutter Web (Dart 3 nécessaire) ?

Lors du Flutter Forward, l’équipe de Google a présenté une fonction nommée l’element embedding sur la partie Web. Concrètement, cela consiste à faire communiquer du code Dart et Javascript, mais aussi d’intégrer la vue Flutter dans un div.

Nous verrons ainsi qu’il est possible d’avoir des transformations HTML / CSS, qui communiquent avec du Javascript. Mais qu’on peut aussi avoir une communication bidirectionnelle entre le Javascript et le Dart, grâce à la bibliothèque JS disponible sur Pub.dev.

À noter que Dart 3 est nécessaire, car l’annotation JSExport obligatoire ici n’est pas compatible avec Flutter 3.7/Dart 2.19.

👉 Sommaire de la vidéo : 00:00 Introduction 00:33 Récupérer le code de la démo 00:46 Découvrir la démo de l’element embedding 01:33 La dépendance JS 01:58 Le code HTML 03:04 Le code Dart 05:05 Le lien Dart 🔁 JS 06:13 La bibliothèque JS 07:39 Conclusion

👉 Liens utiles

Lien vers le repo GitHub : https://github.com/flutter/samples/tree/main/experimental/element_embedding_demo

Bibliothèque JS sur Pub.dev : https://pub.dev/packages/js

Retrouvez-moi aussi avec ma newsletter sur Flutter 💙 : https://flutter-digest.com/

#flutter #dart #flutterweb ... https://www.youtube.com/watch?v=y885A0I-h4o