mirror of https://github.com/flutter/samples.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
775 B
26 lines
775 B
2 years ago
|
# 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)_
|