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在跨平台合作开发中齐头并进,双雄逐鹿。
欢迎大家关注我的公众号:君伟说。分享合作开发技术,开源信息以及职场感悟。