mirror of
https://github.com/flutter/samples.git
synced 2026-08-24 17:11:14 +00:00
0c5ca75d29
Minor updates for release 3.47 ## 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 have added sample code updates to the [changelog]. - [x] I updated/added relevant documentation (doc comments with `///`). If you need help, consider asking for advice on the #hackers-devrel channel on [Discord]. <!-- Links --> [Flutter Style Guide]: https://github.com/flutter/flutter/blob/master/docs/contributing/Style-guide-for-Flutter-repo.md [CLA]: https://cla.developers.google.com/ [Discord]: https://github.com/flutter/flutter/blob/master/docs/contributing/Chat.md [Contributors Guide]: https://github.com/flutter/samples/blob/main/CONTRIBUTING.md [changelog]: ../CHANGELOG.md --------- Co-authored-by: Parker Lougheed <parlough@gmail.com>
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.
- Look at
- See how the Flutter web application is embedded into the page now:
- Find
hostElementinweb/index.html.
- Find
(Built by @ditman, @kevmoo and @malloc-error)