msb-public
/
samples
mirror of https://github.com/flutter/samples.git
1
0
Code Issues Projects Releases Wiki Activity
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.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '3b67c60274'
${ noResults }
samples/web_embedding/element_embedding_demo
History
David Iglesias f06daf4386
[web_embedding] Fix scrollbars on embedding sample. (#2076) 		8 months ago
..
assets Publish `web_embedding` (#1777) 1 year ago
lib Enable Material 3 in `web_embedding` (#1967) 11 months ago
web [web_embedding] Fix scrollbars on embedding sample. (#2076) 8 months ago
.gitignore Publish `web_embedding` (#1777) 1 year ago
README.md Publish `web_embedding` (#1777) 1 year ago
pubspec.yaml Bump flutter_lints from 2.0.3 to 3.0.0 in /web_embedding/element_embedding_demo (#2050) 9 months ago

README.md

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)