赞
踩
文章适合人群:有android app开发基础
目录
两种开发模式就不详细介绍了,三端分离模式为现在主流模式。使用三端分离模式Android端需要创建Flutter模块以module形式进行依赖,既可以在原有原生工程基础上进行拓展,也有利于项目管理。
两种创建方式(AS创建和命令行创建)
两种方式没有区别,AS创建更方便些
以当前最新版本AS为例(Android Studio Chipmunk)
可能我的电脑性能差,创建过程有点卡,最后一步记得把 project type 换成 module
进入到原生android项目的同级目录,比如你的Android原生的项目路径是
some/path/MyApp
那就进入到 some/path 目录下面创建Flutter工程
- cd some/path/
- flutter create -t module --org com.example my_flutter
上面命令中 module表示项目类型,org后参数就是组织名称,最后一个参数是flutter项目的名字
也有两种方式,一种是把flutter模块打包成aar,已aar依赖的形式引入。第二种是项目源码方式引入(如果需要flutter和原生同时开发和调试,比较适合这种)
找到原生主工程项目的setting.gradle文件,加入如下内容
flutter_lib是我创建的项目名字
- // Include the host app project.
- setBinding(new Binding([gradle: this]))
- evaluate(new File(
- settingsDir.parentFile,
- 'flutter_lib/.android/include_flutter.groovy'
- ))
- include ':flutter_lib'
- project(':flutter_lib').projectDir = new File('../flutter_lib')
这里我遇到了一个问题,Binding报红,AS提示导入包。这里先不要导入其他包。
Binding是groovy-all.jar包中的类,由于我的项目依赖的gradle版本中缺少这个包导致报错,可以如下方式进行处理:
从
C:\Users\username\.gradle\wrapper\dists\gradle-6.7-all\cuy9mc7upwgwgeb72wkcrupxe\gradle-6.7\lib
下复制groovy-all-1.3-2.5.12.jar到
C:\Users\username\.gradle\wrapper\dists\gradle-7.4.2-all\9uukhhbclvbegdvsww0j0cr3p\gradle-7.4.2\lib
再重新打开项目
之后,在主工程app项目下面的build.gradle文件中引入flutter module:
dependencies { ... ... implementation project(':flutter') }注意!
注意!
这里引入的项目名字是 ':flutter' 而不是我们之前定义的flutter module的名字,千万别写错了!
- cd some/path/my_flutter
- flutter build aar
2.1 AS生成aar
将创建的flutter module用AS在另一个窗口打开
Build > Flutter > Build AAR
3.1 引入module成功之后,遇到依赖无法下载的情况,请在主工程的build.gradle中添加flutter用到的库的maven仓库:
- allprojects {
- repositories {
- google()
- mavenCentral()
- maven {
- allowInsecureProtocol true
- url "http://download.flutter.io"
- }
- }
- }
3.2 flutter只支持三种cpu架构:
- android {
- //...
- defaultConfig {
- ndk {
- // Filter for architectures supported by Flutter.
- abiFilters 'armeabi-v7a', 'arm64-v8a', 'x86_64'
- }
- }
- }
3.3 flutter的android引擎使用了java 8 特性
- android {
- //...
- compileOptions {
- sourceCompatibility 1.8
- targetCompatibility 1.8
- }
- }
在主工程的 AndroidManifest.xml 文件中加入如下activity:
- <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"
- />
尝试启动flutter页面:
- import android.os.Bundle
- import android.widget.Button
- import androidx.appcompat.app.AppCompatActivity
- import com.suning.xd.shopkeeper.R
- import io.flutter.embedding.android.FlutterActivity
-
- class MainActivity : AppCompatActivity() {
- override fun onCreate(savedInstanceState: Bundle?) {
- super.onCreate(savedInstanceState)
- setContentView(R.layout.activity_main)
-
- findViewById<Button>(R.id.btn_text).setOnClickListener {
- startActivity(
- FlutterActivity.createDefaultIntent(this)
- )
- }
- }
- }
点击按钮跳转到以下页面,说明大功告成
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。