看到网上很多人有介绍这部分内容，大部分都有相似之处。但是大体写的都相对概述。对于android和flutter都是新手的我来说。写的确实有些粗糙。在这里记录一下自己使用过程中遇到的一些问题。本文主要是讲解一些流程。
-
注意点 Android Studio版本至少3.2以上。
项目使用androidx。对androidx支持库不了解的移动到深入了解androidx
首先使用Android Studio新建一个android工程
创建项目的时候勾选下面内容，支持androidx。
修改android工程配置信息
- 第一步
打开Project Structure作如下设置 设置不低于截图的版本
- 第二步
设置sdk 不低于28， 下面两个参数固定1.8
- 第三部
新建flutter模块 New-->New Flutter Project-->选择Flutter Module--> 填写生成模块名字和路径。这里我是放在了android工程的同级目录。直接next就行啦
- 第四部
引入flutter模块 New--> New Module-->Import Flutter Module-->选择上一步新建的flutter模块。
next下一步
之后需要sync project才能看到flutter工程的配置文件
修改flutter工程中的配置文件
- 打开android/gradle/wrapper/gradle-wrapper.properties，修改distributionUrl的值。
//如果版本不是4.10.2替换一下
distributionUrl=https\://services.gradle.org/distributions/gradle-4.10.2-all.zip
- 打开android/build.gradle，修改com.android.tools.build:gradle 到3.3.0
//如果是3.2.1
//把它
dependencies {
classpath 'com.android.tools.build:gradle:3.2.1'
}
//替换成
dependencies {
classpath 'com.android.tools.build:gradle:3.3.0'
}
- 打开android/gradle.properties，添加两行
android.enableJetifier=true
android.useAndroidX=true
- 同时，确保你的在你的android项目目录下 app/build.gradle ,有添加如下代码：
android {
compileSdkVersion 28
defaultConfig {
...
}
//flutter相关声明
compileOptions {
sourceCompatibility 1.8
targetCompatibility 1.8
}
}
- 将所有已弃用的库替换为AndroidX等效项。例如，如果您使用默认.gradle文件，请进行以下更改：
在 android/app/build.gradle和android/flutter/build.gradle
testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
//替换成
testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
其次android/flutter/build.gradle，在dependencies中替换
implementation 'com.android.support:support-v13:27.1.1'
implementation 'com.android.support:support-annotations:27.1.1
//替换成 支持androidx
implementation 'androidx.legacy:legacy-support-v13:1.0.0'
implementation 'androidx.annotation:annotation:1.0.0'
最后android/app/build.gradle，在dependencies中替换
implementation 'com.android.support:appcompat-v7:27.1.1'
implementation 'com.android.support.constraint:constraint-layout:1.1.2'
implementation 'com.android.support:design:27.1.1'
androidTestImplementation 'com.android.support.test:runner:1.0.2'
androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
//替换成 和android工程app/build.gradle中一致
implementation 'androidx.appcompat:appcompat:1.0.2'
implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
androidTestImplementation 'androidx.test:runner:1.2.0'
androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
更多替换映射关系看这里
最重要的是flutter工程文件的修改
修改android/Flutter/src/main/java/io/flutter/facade下面的两个文件的修改
- Flutter.java
import android.arch.lifecycle.Lifecycle;
import android.arch.lifecycle.LifecycleObserver;
import android.arch.lifecycle.OnLifecycleEvent;
import android.support.annotation.NonNull;
//修改为
import androidx.lifecycle.Lifecycle;
import androidx.lifecycle.LifecycleObserver;
import androidx.lifecycle.OnLifecycleEvent;
import androidx.annotation.NonNull;
- FlutterFragment.java
import android.support.annotation.NonNull;
import android.support.v4.app.Fragment;
修改为
import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
配置已经结束，最后就如讲flutter嵌入android项目中啦
嵌入flutter有两种方FlutterView和FlutterFragment。
- 在Android项目默认生成的MainActivity中，使用FlutterView。
View flutterView = Flutter.createView(
MainActivity.this,
getLifecycle(),
"route1"
);
FrameLayout.LayoutParams layout = new FrameLayout.LayoutParams(600, 800);
layout.leftMargin = 100;
layout.topMargin = 400;
addContentView(flutterView, layout);
- 在Android项目默认生成的MainActivity中，使用FlutterFragment。
FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
fragmentTransaction.replace(R.id.fl_container, Flutter.createFragment("route1"));
fragmentTransaction.commit();
其中fl_containerview对应Android中在res/layout中xml中定义的一个FrameLayout：
<FrameLayout
android:id="@+id/fl_container"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
然后运行工程技能看到flutter界面。如有疑问欢迎留言。可以一起讨论。
