Setup & Installation
npx skills add https://github.com/flutter/skills --skill flutter-embedding-native-views
https://github.com/flutter/skills/tree/main/skills/flutter-embedding-native-views
View on GitHubWhat This Skill Does
Embeds native Android, iOS, and macOS views directly into Flutter widget trees. Covers both platform view composition (maps, web views, camera previews) and multi-view web embedding where Flutter renders into specific DOM elements rather than taking over the full page.
Platform view setup involves tricky per-platform registration code, composition mode tradeoffs, and invalidation quirks that are easy to get wrong without a reference for each target.
When to use it
- Adding a native Google Maps view inside a Flutter screen on Android and iOS
- Rendering a platform-specific video player that Flutter widgets can overlay and clip
- Embedding a Flutter module into an existing React or Angular web application
- Displaying a native iOS WKWebView with Flutter navigation controls around it
- Placing multiple independent Flutter views into separate HTML containers on a single page