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.

Android Implementations (API 23+)

Choose the appropriate implementation based on your performance and fidelity requirements:

• Hybrid Composition: Renders Flutter content into a texture and uses SurfaceFlinger to compose both.
  • Pros: Best performance and fidelity for Android views.
  • Cons: Lowers overall application FPS. Certain Flutter widget transformations will not work.
• Texture Layer (Texture Layer Hybrid Composition): Renders Platform Views into a texture. Flutter draws them via the texture and renders its own content directly into a Surface.