mirror of https://github.com/flutter/samples.git synced 2025-11-08 13:58:47 +00:00

Files

David Iglesias f06daf4386 [web_embedding] Fix scrollbars on embedding sample. (#2076 )

I was using the embedding sample for an unrelated reason, and found that
when using the "rotation" feature, scrollbars would show up all over the
place (something changed with regards to `perspective`, maybe?).

This PR addresses the issue.

## 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].
- [ ] 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

2023-11-04 09:26:50 +10:00

assets

Publish web_embedding (#1777 )

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

lib

Enable Material 3 in web_embedding (#1967 )

2023-07-26 18:09:15 +10:00

web

[web_embedding] Fix scrollbars on embedding sample. (#2076 )

2023-11-04 09:26:50 +10:00

.gitignore

Publish web_embedding (#1777 )

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

pubspec.yaml

Bump flutter_lints from 2.0.3 to 3.0.0 in /web_embedding/element_embedding_demo (#2050 )

2023-10-19 07:04:18 +00:00

README.md

Publish web_embedding (#1777 )

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

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)