Skip to content

The network

Add your feed Account Follow @itsallwidgets on X (opens in a new tab)
Videos
Video

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

by Edouard Marquez youtube.com

8 min 647 views

Watch on YouTube

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

Made by

Edouard Marquez @g123k 🇫🇷 France

Available for hire

View Edouard on Flutter Pro
Forum

Questions about this, or something to add?

Discuss on the forum

Topics Flutter for the web

It's All Widgets

Apps by Edouard Marquez

  • Flydirekt screenshot

    Flydirekt

    Flydirekt - Standby Loads

    Travel & Local 3.5

More like this

Report this · Wrote this? Claim it

Supported by