Flutter混合开发踩坑指北

2022-12-23 0 666

2020年那个假期即使新式流感病毒禽流感变得分外不那样,好些爸爸妈妈如果早已闲的鬃毛了,再秉持呵呵,坚信北欧国家迅速就会掌控住的。

这三天毕竟不晓得做啥了,早已开始跟著keep方案健身活动,为来临的组织工作热身赛,那时学习了呵呵Flutter的混和合作开发科学知识。

Flutter与Android的原生植物混和合作开发自学中碰到许多难题,那时历史记录如下表所示。

具体来说看呵呵怎样建立两个Flutter module.

在Android原生植物工程项目的同价位目录采用如下表所示指示建立两个flutter_module

flutter create -t module flutter_module

后会有如下表所示的输入:

➜ ~ flutter create -t module flutter_module ╔════════════════════════════════════════════════════════════════════════════╗ ║ A new version of Flutter is available! ║ ║ ║ ║ To update to the latest version, run “flutter upgrade”. ║ ╚════════════════════════════════════════════════════════════════════════════╝ Creating project flutter_module… androidx: true flutter_module/test/widget_test.dart (created) flutter_module/flutter_module.iml (created) flutter_module/.gitignore (created) flutter_module/.metadata (created) flutter_module/pubspec.yaml (created) flutter_module/README.md (created) flutter_module/lib/main.dart (created) flutter_module/flutter_module_android.iml (created) flutter_module/.idea/libraries/Flutter_for_Android.xml (created) flutter_module/.idea/libraries/Dart_SDK.xml (created) flutter_module/.idea/modules.xml (created) flutter_module/.idea/workspace.xml (created) Running “flutter pub get” in flutter_module… 4.9s Wrote 12 files. All done! Your module code is in flutter_module/lib/main.dart.

如上就表示建立成功了。

如果用最新版的Flutter SDK,通过上述指示建立的Flutter_module默认支持的是AndroidX,这一点一定要注意。

接下来在Android原生植物工程项目中进行导入,

1. 在settings.gradle中添加如下表所示代码:

setBinding(new Binding([gradle: this])) evaluate(new File( settingsDir.parentFile, //flutter_module即为建立的模块名称 flutter_module/.android/include_flutter.groovy ))

2.在app/build.gradle文件中dependencies节点下添加

implementation project(:flutter)

最后,通过Android Studio中的sync now 进行同步就行了,同步完成后重新运行android原生植物工程项目即可。

难题一 原生植物导入flutter_module后报错AndroidX

解决方法,使原生植物工程项目支持Androidx

1. 在工程项目的gradle.properties文件添加如下表所示代码,早已开始androidX支持

android.useAndroidX=true android.enableJetifier=true

2. 修改MainActivity的导入文件

将import android.support.v7.app.AppCompatActivity; 修改为 import androidx.appcompat.app.AppCompatActivity;

3.修改app/build.gradle文件中dependencies

implementation com.android.support:appcompat-v7:28.0.0 implementation com.android.support.constraint:constraint-layout:1.1.3 修改为 implementation androidx.appcompat:appcompat:1.0.0 implementation androidx.constraintlayout:constraintlayout:1.1.2

难题二 报错:Error:com.android.builder.dexing.DexArchiveBuilderException

通过查看flutter_module工程项目的app/build.gradle文件代码可以看到在Android根节点下有如下表所示代码

compileOptions { sourceCompatibility 1.8 targetCompatibility 1.8 }

所以在原生植物工程项目的app/build.gradle文件的android节点下添加如下表所示代码,即可解决那个难题。

compileOptions { sourceCompatibility JavaVersion.VERSION_1_8 targetCompatibility JavaVersion.VERSION_1_8 }

坚信2020年Flutter和ReactNative在跨平台合作开发中齐头并进,双雄逐鹿。

欢迎大家关注我的公众号:君伟说。分享合作开发技术,开源信息以及职场感悟。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务