下
case 'route1':
return Container(
child: Center(child: Text('Route 1\n${packageInfo.appName}')),
color: Colors.green,
);
在真机上运行，效果挺差劲的，点击了文本过后，会先黑一下屏，然后将这个FlutterView添加到页面上，整个过程也很缓慢，这样子肯定是没法在项目中使用。
到此，已经完成了Android调用Flutter代码的全过程了，我们来梳理一下整个流程：
- 切换Flutter分支到master，目前beta分支上没有包含模板工程；
- 生成Flutter module工程；
- 修改Android代码的配置，将Flutter module添加到Android项目中；
- 在模板工程的lib下编写相关的Flutter代码，在Android中调用。
2.2 将Flutter项目转换为module
这个目前是在试验阶段，如果有愿意尝试的，也可以按照官方的例子去走一遍，不过大家最好也得有心理准备，官方文档上说会出现一系列问题，在此笔者不做进一步的尝试了。整个过程并不复杂，也是需要切换到master分支上去进行的。如果这种方案稳定下来，肯定会比上面的那种module方式更加的方便。
官方步骤传送门
2.3 iOS端
官方步骤传送门
目前也是试验阶段，如果想要尝试的话，也需要切换到master分支上去进行的。
2.4 关于FlutterView
FlutterView在插件层面比较常见，是Flutter层的一个Java API。实际上可以把它看是Android端的一个View，只不过里面包含的是Flutter的内容。例如将相机封装成一个Flutter控件，就需要借助FlutterView，将预览输出到FlutterView上。
在Native项目中集成Flutter，FlutterView也起到了很重要的作用。Flutter层内容的输出，也都是通过FlutterView来实现的。
FlutterView继承自SurfaceView，它像是一个大杂烩，它包含了或者监听了尽可能多的事件，例如键盘、物理按键、生命周期、广播、Surface回调、横竖屏切换等等。基本上把Android端一个View可能存在的一些事件或者状态，都添加上去，让Flutter层能够得知尽可能多的状态和回调。
FlutterView除去各种监听事件，内部实际的工作是由FlutterNativeView去实现的。其本质也是一个插件接口，只不过是Native调用Flutter层的，它们之间通过MethodChannel进行通信的。
2.5 原理
通过Flutter module中的flutter模块，我们可以看出其本质上还是通过MethodChannel进行调用的。这是Flutter官方提供的一种插件能力，并不是说只能单向调用，也可以在Native端调用Flutter。
但是呢，这个调用是异步的，目前看，Native端调用Flutter层效果并不是很理想。目前笔者也是在debug下进行测试的，release环境下应该会好一点吧。如果需要在Native项目中集成Flutter，则还需要进行优化，例如提前初始化等。
3. 其他方法
在Flutter module没有被放出之前，其他公司一般都是怎么去实现这种混编的呢。如上面所述，我觉得都是利用了FlutterView。如果我们不依赖Flutter module，在Native中引入Flutter库，直接使用FlutterView进行页面编写，这个本身也不是什么困难的事情。难就难在进行性能优化达到上线的条件。
MethodChannel这种Natvive与Flutter之间的通信方式，给了这种混编的一种可能性。还是期待Flutter官方能把这种混编模式完善起来。
最后说一句，Flutter里面造起轮子来，简直就是太没人性了。
4. 后话
笔者建的一个Flutter学习相关的项目，Github地址，里面包含了笔者写的关于Flutter学习相关的一些文章，会定期更新，也会上传一些学习demo，欢迎大家关注。
5. 参考
- Add Flutter to existing apps
- Upgrading Flutter