top of page
FlutterCon_logo.png

16 - 17 JULY 2026

ORLANDO

FlutterCon_icon_turned.png
Anita_Singh_edited.jpg

( 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