Starter/samples
1
0
Fork 0
mirror of https://github.com/flutter/samples.git synced 2025-11-10 23:08:59 +00:00
Code Issues Releases Wiki Activity

Adds "Element Embedding" demo package. (#1596)

Browse Source
This commit is contained in:
David Iglesias
2023-01-25 17:53:11 -08:00
committed by GitHub
parent 294ea4ff8f
commit 8f1b3c3f9b
22 changed files with 1045 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
experimental/element_embedding_demo/README.md Normal file
View File

@@ -0,0 +1,25 @@
# 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](https://www.youtube.com/watch?v=zKQYGKAe5W8&t=5799s).
## Running the demo
The demo is a Flutter web app, so it can be run as:
```terminal
$ 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)_