flutter和android的关系,关于Flutter和Android混合开发引入flutter

参考链接：https://www.jianshu.com/p/4eee4ddb2b6a

flutter_boost：https://github.com/alibaba/flutter_boost

定义：新一代Flutter-Native混合解决方案。 FlutterBoost是一个Flutter插件，它可以轻松地为现有原生应用程序提供Flutter混合集成方案。FlutterBoost的理念是将Flutter像Webview那样来使用。在现有应用程序中同时管理Native页面和Flutter页面并非易事。 FlutterBoost帮你处理页面的映射和跳转，你只需关心页面的名字和参数即可(通常可以是URL)

上篇里面的插件打包代码虽然已经将flutter_boost打包到flutter_module工程最终产出aar包里，但是Android Native端也要集成flutter_boost的代码，这是flutter_boost插件和其他插件不一样的地方，比如http插件只是在flutter代码中调用就可以了。本来想可以直接改下上篇的gradle build文件直接把flutter_boost也一起打到aar包里试了试不行，谁搞了定了或者有更好的方案可以告我下

当然也可以针对flutter_boost单独build aar包并上传到maven库，但感觉有些麻烦，而且flutter_boost还依赖xservice_kit和fastjson，先手动搞下

直接用的flutter_boost下的example，包含了native中打开native，flutter，flutter fragment。flutter中打开native，flutter，flutter widget，flutter fragment。示例挺全的

Flutter_module端

1、添加flutter_boost插件

2、复制dart代码，build新包给Android Native用

flutter_boost example在C:\flutter\.pub-cache\hosted\pub.flutter-io.cn\flutter_boost-0.0.420\example\下，C:\flutter是我的flutter根目录

把C:\flutter\.pub-cache\hosted\pub.flutter-io.cn\flutter_boost-0.0.420\example\lib下的main.dart,simple_page_widgets.dart覆盖到flutter_module工程lib下

Android Native端

1、将flutter_boost和xservice_kit build后的aar包复制到Android Native libs目录下(用来Android导入本地包的目录)

flutter_boost和xservice_kit aar包的位置，C:\flutter是我的flutter根目录

C:\flutter\.pub-cache\hosted\pub.flutter-io.cn\flutter_boost-0.0.420\android\build\outputs\aar\flutter_boost-release.aar

C:\flutter\.pub-cache\hosted\pub.flutter-io.cn\xservice_kit-0.0.29\android\build\outputs\aar\xservice_kit-release.aar

2、Android Native工程引入资源，修改app目录下的build.gradle文件

repositories配置

repositories {

maven {

url "maven库url"

credentials {

username 'maven库用户名'

password 'maven库密码'

}

}

flatDir {

dirs 'libs'

}

}

dependencies配置

dependencies {

***

//libs 包,手动导入flutter_boost 和 xservice_kit

implementation(name: 'flutter_boost-release', ext: 'aar')

implementation(name: 'xservice_kit-release', ext: 'aar')

//引入fastjson flutter_boost

implementation 'com.alibaba:fastjson:1.2.41'

}

3、build完成后可以写Android Native端的代码了，把example下android工程main下的代码都copy过来，包含了java代码、AndroidManifest.xml新增activity、res下面的layout xml、res下面的values xml

C:\flutter\.pub-cache\hosted\pub.flutter-io.cn\flutter_boost-0.0.420\example\android\app\src\main

不知道MainActivity为什么没初始化，会报错，加了一个初始化FlutterBoostPlugin的类FlutterMediator.java，并在MainActivity中调用，我这里用的androidx，代码可能会有些出入

MainActivity.java

12

3 import android.app.Activity;

4 import android.app.Application;

5 import android.content.Context;

6 import android.os.Bundle;

7 import android.view.View;

8 import android.widget.TextView;

9

10 import androidx.annotation.Nullable;

11 import androidx.appcompat.app.AppCompatActivity;

12 import com.sinagz.b.R;

13 import com.taobao.idlefish.flutterboost.FlutterBoostPlugin;

14 import com.taobao.idlefish.flutterboost.interfaces.IPlatform;

15 import io.flutter.view.FlutterMain;

16

17 import java.lang.ref.WeakReference;

18 import java.util.HashMap;

19 import java.util.Map;

20

21 public class FlutterMainActivity extends AppCompatActivity implements View.OnClickListener {

22

23 public static WeakReference sRef;

24 private TextView mOpenNative;

25 private TextView mOpenFlutter;

26 private TextView mOpenFlutterFragment;

27

28 @Override

29 protected void onCreate(@Nullable Bundle savedInstanceState) {

30 super.onCreate(savedInstanceState);

31 FlutterMediator.init(new Application());32 FlutterMain.startInitialization(getApplicationContext());

33 sRef = new WeakReference<>(this);

34

35 setContentView(R.layout.native_page);

36

37 mOpenNative = findViewById(R.id.open_native);

38 mOpenFlutter = findViewById(R.id.open_flutter);

39 mOpenFlutterFragment = findViewById(R.id.open_flutter_fragment);

40

41 mOpenNative.setOnClickListener(this);

42 mOpenFlutter.setOnClickListener(this);

43 mOpenFlutterFragment.setOnClickListener(this);

44

45

46 }

47

48 @Override

49 protected void onDestroy() {

50 super.onDestroy();

51 sRef.clear();

52 sRef = null;

53 }

54

55 @Override

56 public void onClick(View v) {

57 if (v == mOpenNative) {

58 PageRouter.openPageByUrl(this, PageRouter.NATIVE_PAGE_URL);

59 } else if (v == mOpenFlutter) {

60 PageRouter.openPageByUrl(this, PageRouter.FLUTTER_PAGE_URL);

61 FlutterBoostPlugin.onPageResult("result_id_100",new HashMap(),new HashMap());

62 } else if (v == mOpenFlutterFragment) {

63 PageRouter.openPageByUrl(this, PageRouter.FLUTTER_FRAGMENT_PAGE_URL);

64 }

65 }

66 }

FlutterMediator.java

1 2

3 import android.app.Activity;

4 import android.app.Application;

5 import android.content.Context;

6 import com.taobao.idlefish.flutterboost.Debuger;

7 import com.taobao.idlefish.flutterboost.FlutterBoostPlugin;

8 import com.taobao.idlefish.flutterboost.interfaces.IPlatform;

9 import io.flutter.app.FlutterApplication;

10 import io.flutter.view.FlutterMain;

11

12 import java.util.Map;

13

14 public class FlutterMediator extends FlutterApplication {

15

16 public static void init(Application app) {

17

18 FlutterBoostPlugin.init(new IPlatform() {

19 @Override

20 public Application getApplication() {

21 return app;

22 }

23

24 @Override

25 public Activity getMainActivity() {

26 return FlutterMainActivity.sRef.get();

27 }

28

29 @Override

30 public boolean isDebug() {

31 return true;

32 }

33

34 @Override

35 public boolean startActivity(Context context, String url, int requestCode) {

36 Debuger.log("startActivity url="+url);

37

38 return PageRouter.openPageByUrl(context,url,requestCode);

39 }

40

41 @Override

42 public Map getSettings() {

43 return null;

44 }

45 });

46 }

47 }

结果：

--------------------------------------------------------更新线-------------------------------------------------

flutter_boost可以直接打到fat-aar包里，方式见 https://www.jianshu.com/p/2258760e9540

native端使用的时候可以直接将example里的MyApplication.java放到AndroidManifest.xml做入口文件，但是一般项目不会这样弄，我是集成到native项目，直接在native项目的入口文件做初始化，然后只需要一个PageRouter.java和FlutterPageActivity.java文件，在native页面的点击方法里调PageRouter.openPageByUrl(context, PageRouter.FLUTTER_PAGE, params)并在PageRouter用Intent传参，这样就可以一个FlutterPageActivity调不同的flutter页面了

还有一个问题就是用了flutter_boost后，FlutterView交给flutter_boost管理了，这样的话和原生建立MethodChannel的时候会有问题，因为MethodChannel的BinaryMessenger是通过FlutterView实现的。又不能在原生项目里单独再生成一个FlutterView，这样会直接调起main.dart里的页面。我一想flutter_boost既然管理flutterView肯定能拿到，getFlutterView 类似的方法找了半天都没找到，最后去官方看了下issue，果然有提到的。在mFlutterEngine.getDartExecutor()

还有问题就是flutter_boost最新只支持到v1.5.4-hotfix.2，之前调好flutter_boost后直接升级到1.7.8了。。然后又降级flutter版本，然后一堆插件报错。。开始就应该基于v1.5.4-hotfix.2写