flutter-embedding-native-views

SKILL.md

Embed native Android, iOS, or macOS views and web content directly into Flutter applications.

Supports two Android composition modes (Hybrid and Texture Layer) with distinct performance and fidelity tradeoffs; iOS and macOS use Hybrid Composition exclusively

Includes step-by-step workflows for implementing platform views on Android and iOS, with validation and troubleshooting guidance

Enables embedding Flutter into existing web applications via Full Page or Multi-view (Embedded) mode, with JavaScript and Dart configuration examples

Provides performance mitigation strategies, such as rendering native view screenshots as placeholder textures during complex animations

Integrating Platform Views and Web Content

Contents

Platform Views Architecture

Web Embedding Architecture

Workflow: Implementing Android Platform Views

Workflow: Implementing iOS Platform Views

Workflow: Embedding Flutter in Web Applications

Examples

Platform Views Architecture

Platform Views allow embedding native views (Android, iOS, macOS) directly into a Flutter application, enabling the application of transforms, clips, and opacity from Dart.