top of page


( SPEAKER )
Hudson Proenca
Senior Software Engineer at Very Good Ventures
( SESSION )
Bridging Ecosystems: Embedding Flutter Components in a Web App
Want to use your Flutter components inside an existing web app — one built and maintained by another team, in another stack? Flutter's Multi-View Web API makes it possible to embed multiple independent Flutter components into a host web page, where they run alongside the native web content as if they belonged there.
This talk is a practical guide to that API. We took an existing mobile Flutter package, made it web-compatible, and embedded its components into a host web app — and we'll walk you through exactly how it works: running multiple Flutter views on a single page, sharing one codebase across mobile and web, and using Dart's JS Interop for type-safe, two-way communication with the host site. We'll also share the trade-offs and lessons learned from doing it for real.
Key Takeaways:
Embed multiple distinct Flutter components into an existing web application at the same time.
Proven patterns for managing state and lifecycle across a multi-component Flutter web embed.
When to use multi-view mode vs. full-page mode — and why it matters.
Data-fetching and code-sharing strategies that keep mobile and web consistent.
How to handle cross-boundary errors and keep state in sync between the host web app and Flutter.
bottom of page

