Flutter与原生安卓iOS开发交互(一)

原创

已于 2024-01-10 11:50:23 修改 · 置顶 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android #app #flutter

于 2020-04-15 12:04:40 首次发布

Flutter如何嵌入到原生安卓中？

请把Flutter Dart都更新到最新版，否则网上大多数文章就不要看了，纯属浪费时间。

新建一个Flutter Module
切换config为app,而非默认的main.dart
如图:

以上两步轻松在安卓项目中引入Flutter
你问:如何把Flutter写的view引入到安卓中呢？
我答:第一步在安卓端把Flutter编写的界面作为普通的view，大家都知道，安卓中能看的见的大多数控件都是view,这就很好理解了。

    override fun onCreate(savedInstanceState: Bundle?) {
   
   
        super.onCreate(savedInstanceState)
//        setContentView(R.layout.activity_main)
        // 通过FlutterView引入Flutter编写的页面
        val flutterView: View = Flutter.createView(this, lifecycle, "route1")
        val layout =
            FrameLayout.LayoutParams(600, 800)
        addContentView(flutterView, layout)

第二步在Flutter端 runApp方法里面来获取window传来的参数

void main() => runApp(_widgetForRoute(window.defaultRouteName));
Widget _widgetForRoute(String url) {
   
   

  switch (url) {
   
   
    case 'route1':
      return MaterialApp(
        home: Scaffold(
          appBar: AppBar(
            title: Text('Flutter页面'),
          ),
          body: Center(
            child: Text('Flutter页面，route=$url'),
          ),
        ),
      );

    default:
      r