flutter 与 android 混合开发

站长

发表文章数:4289

iOS开发tip-图片方向

现有的混合开发方式,都是存flutter项目在android系统或者iOS上面跑。
但是,实际情况是,我们需要在一个成熟的native项目上面,跑几个flutter页面,逐步的进行flutter的融合,并且看情况来进行是否取代native的页面。
以下都是基于flutter version:Flutter 1.12.13+hotfix.5 • channel unknown • unknown source
建议使用最新版本。

1.android项目上集成flutter页面

之前很多都是手动的方式,由于flutter版本迭代迅速,很难一把就搞定。
现在官方出了自动的方案,一把到位。
参考google官方链接,通过androidstudio的方式,自动集成。
https://flutter.dev/docs/development/add-to-app/android/add-flutter-screen?tab=custom-activity-launch-kotlin-tab

2.实际踩得坑

2.1 FlutterActivity

这个页面在那里,那里也找不到,在flutter的库里面,还有2个???,这是什么case?

<activity
  android:name="io.flutter.embedding.android.FlutterActivity"
  android:theme="@style/LaunchTheme"
  android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
  android:hardwareAccelerated="true"
  android:windowSoftInputMode="adjustResize"
  />

先不要管那么多,按照文档把这段code放在app的manifest里面,run,居然可以跑起来,这个页面在那里,在flutter库里面。
这个是新的版本的位置,以前也有一个 ,包名不一样。

RestTemplate—Spring提供的轻量Http Rest 风格API调用工具

2.2 android和flutter的交互

这个时候,不需要打开2个studio的工程,android app可以跑起来,flutter项目支持热加载,简直爽爆了,but,我要交互怎么办?MethodChannel 怎么定义,现在这个页面,在库里面,怎么改?
改不了,在库里当然改不了。

class XXXActivity:FlutterActivity() {
 override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
        //xxx
    }
}

如上,可以自己定义一个Activity继承自FlutterActivity,这个时候,如上,就能拿到flutterengine,然后就可以开始进行交互了。
但是,这个时候,fluuter功能默认跑的还是FluterActivity,所以这个时候的修改,只能从新run整个android项目。当然纯UI的修改,还是可以单独运行flutter看到效果。

3.https://pub.dev/

这算是官方的三方库大全
之前参考同事的flutter项目,发现不能编译,but,这哥们前2天才刚刚编译过,demo跑的飞起,什么情况?
后来发现,我的flutter版本升级了,也就是pub上面的库,一定要看清楚兼容的flutter版本。flutter更新太快了,每个库都要单独支持。

这是我遇到的坑,后续还会推出其他flutter系列文章。

代码中理解CPU结构及工作原理

未经允许不得转载作者:站长, 转载或复制请以 超链接形式 并注明出处 xss云之家-资源网,零零后资源网,小刀资源网,一个湖北娃的个人博客
原文地址:《flutter 与 android 混合开发》 发布于2020-02-03

分享到:
赞(0) 打赏 生成海报

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

投稿赚钱
2020年在家赚取零花钱
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册