在Flutter中嵌入Native組件的正確姿式是...

做者：閒魚技術-塵蕭

引言

在漫長的從Native向Flutter過渡的混合工程時期，要想平滑地過渡，在Flutter中使用Native中較爲完善的控件會是一個很好的選擇。本文但願向你們介紹AndroidView的使用方式以及在此基礎之上拓展的雙端嵌入Native組件的解決方案。

1. 使用教程

1.1. DemoRun

嵌入地圖這一場景可能在不少App中都會存在，可是如今的地圖SDK都沒有提供Flutter的庫，而本身開發一套地圖顯然不太現實。這種場景下，使用混合棧的形式是一個比較好的選擇。咱們能夠直接在Native的繪圖樹中嵌入一個Map，可是這個方案嵌入的View並不在Flutter的繪圖樹中，是一種比較暴力且不優雅的方式，使用起來也很費勁。

這時候，使用Flutter官方提供的控件AndroidView就是一種比較優雅的解決方案了。這裏作了一個簡單的嵌入高德地圖的demo，就讓咱們跟着這個應用場景，看一下AndroidView的使用方式和實現原理。

1.2. AndroidView使用方式