flutter-embedding-native-views — Skills

What it does

Platform Views Architecture

Web Embedding Architecture

Workflow: Implementing Android Platform Views

Workflow: Implementing iOS Platform Views

Workflow: Embedding Flutter in Web Applications

Hybrid Composition: Renders Flutter content into a texture and uses SurfaceFlinger to compose both.

Pros: Best performance and fidelity for Android views.

Requirements & configuration

Full Page Mode: Flutter takes over the entire browser window. Use an iframe if you need to constrain the Flutter app without modifying the Flutter bootstrap process.

Embedded Mode (Multi-view): Render Flutter into specific HTML elements (divs). Requires multiViewEnabled: true during engine initialization.

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

Source

Repository: https://github.com/flutter/skills

flutter-embedding-native-views FAQ

What does the flutter-embedding-native-views skill do?

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

What does flutter-embedding-native-views require?

Full Page Mode: Flutter takes over the entire browser window. Use an iframe if you need to constrain the Flutter app without modifying the Flutter bootstrap process. Embedded Mode (Multi-view): Render Flutter into specific HTML elements (divs). Requires multiViewEnabled: true during engine initialization.

How do I install flutter-embedding-native-views?

Run: npx -y skills add https://github.com/flutter/skills --skill flutter-embedding-native-views --agent claude-code — the source lives at github.com/flutter/skills.

Maintain flutter-embedding-native-views?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![flutter-embedding-native-views on getagentictools](https://getagentictools.com/badge/skills/flutter-skills-flutter-embedding-native-views.svg)](https://getagentictools.com/skills/flutter-skills-flutter-embedding-native-views?ref=badge)

npx agentictools info skills/flutter-skills-flutter-embedding-native-views

The second line is the CLI lookup for this page — handy in READMEs and docs.