Frontend 1,671 installs

Integrating Platform Views and Web Content

by flutter/skills

Embeds native Android, iOS, or macOS views into a Flutter app. Use when integrating complex native components like maps or web views.

Skill content

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.