|
|
|
|
# web_embedding
|
|
|
|
|
|
|
|
|
|
This directory contains examples of how to embed Flutter in web apps (without iframes):
|
|
|
|
|
|
|
|
|
|
* **element_embedding_demo**: Modifies the index.html of a flutter app so it is
|
|
|
|
|
launched in a custom `hostElement`. This is the most basic embedding example.
|
|
|
|
|
* **ng-flutter**: A simple Angular app (and component) that replicates the above
|
|
|
|
|
example, but in an Angular style.
|
|
|
|
|
|
|
|
|
|
Check the `README.md` of each example for more details on how to run it, and the
|
|
|
|
|
"Points of Interest" it may contain.
|
|
|
|
|
|
|
|
|
|
## Community Contributions
|
|
|
|
|
|
|
|
|
|
Members of the community have graciously ported and contributed the following examples
|
|
|
|
|
of Flutter Web embedding into other web frameworks:
|
|
|
|
|
|
|
|
|
|
| Author | Host Framework | Code |
|
|
|
|
|
|--------|----------------|------|
|
|
|
|
|
| [@p-mazhnik][] | **React JS** | [p-mazhnik/flutter-embedding cra-flutter][] |
|
|
|
|
|
| [@p-mazhnik][] | **React Native** | [p-mazhnik/flutter-embedding expo-flutter][] |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
_(All contributions are welcome! Please, [create an issue][] or open a PR to let us know
|
|
|
|
|
how you've embedded a Flutter Web app with your favorite web framework_
|
|
|
|
|
(Vue? Svelte? Ember? Aurelia? jQuery? MooTools? Prototype?), _so it can be added to the table above!)_
|
|
|
|
|
|
|
|
|
|
[@p-mazhnik]: https://github.com/p-mazhnik
|
|
|
|
|
[p-mazhnik/flutter-embedding cra-flutter]: https://github.com/p-mazhnik/flutter-embedding/tree/main/cra-flutter
|
|
|
|
|
[p-mazhnik/flutter-embedding expo-flutter]: https://github.com/p-mazhnik/flutter-embedding/tree/main/expo-flutter
|
|
|
|
|
[create an issue]: https://github.com/flutter/samples/issues/new
|
|
|
|
|
|
|
|
|
|
|
