mirror of https://github.com/flutter/samples.git synced 2025-11-08 22:09:06 +00:00

Files

Brett Morgan 91cb685d1f Publish web_embedding (#1777 )

## Pre-launch Checklist

- [x] I read the [Flutter Style Guide] _recently_, and have followed its
advice.
- [x] I signed the [CLA].
- [x] I read the [Contributors Guide].
- [x] I updated/added relevant documentation (doc comments with `///`).
- [x] All existing and new tests are passing.

If you need help, consider asking for advice on the #hackers-devrel
channel on [Discord].

<!-- Links -->
[Flutter Style Guide]:
https://github.com/flutter/flutter/wiki/Style-guide-for-Flutter-repo
[CLA]: https://cla.developers.google.com/
[Discord]: https://github.com/flutter/flutter/wiki/Chat
[Contributors Guide]:
https://github.com/flutter/samples/blob/main/CONTRIBUTING.md


Co-authored-by: Mark Thompson
<2554588+MarkTechson@users.noreply.github.com>
Co-authored-by: David Iglesias <ditman@gmail.com>

Co-authored-by: Mark Thompson <2554588+MarkTechson@users.noreply.github.com>
Co-authored-by: David Iglesias <ditman@gmail.com>

2023-05-06 10:53:17 +10:00

775 B

Raw Blame History

element_embedding_demo

This package contains the application used to demonstrate the upcoming Flutter web feature: "Element Embedding".

This was first shown on the Flutter Forward event in Nairobi (Kenya), by Tim Sneath. See the replay here.

Running the demo

The demo is a Flutter web app, so it can be run as:

$ flutter run -d chrome

Points of Interest

Check the new JS Interop:
- Look at lib/main.dart, find the @js.JSExport() annotation.
- Find the JS code that interacts with Dart in web/js/demo-js-interop.js.
See how the Flutter web application is embedded into the page now:
- Find hostElement in web/index.html.

(Built by @ditman, @kevmoo and @malloc-error)

775 B Raw Blame History

element_embedding_demo

Running the demo

Points of Interest

775 B

Raw Blame History