Flutter混合开发二-FlutterBoost使用介绍，为什么有人说Android开发不再吃香

最新推荐文章于 2024-05-08 10:21:24 发布

2301_78416732

最新推荐文章于 2024-05-08 10:21:24 发布

阅读量824

点赞数 16

分类专栏： 2024年程序员学习文章标签： flutter android

本文链接：https://blog.csdn.net/2301_78416732/article/details/137129468

版权

2024年程序员学习专栏收录该内容

273 篇文章 0 订阅

订阅专栏

Flutter module项目引入FlutterBoost插件后，在Android studio中同步原生工程，同步完成后项目结构如下

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

然后我们就可以引入FlutterBoost的安卓工程代码了，在app目录下的build.gradle中添加以下项目依赖

dependencies {
…

implementation project(‘:flutter_boost’)
}

Flutter module项目使用FlutterBoost

假设我们使用Flutter创建两个页面Widget：FirstPage和SecondPage。

首先我们需要在main方法中运行的rootWidget中注册这两个页面。

@override
void initState() {
super.initState();

FlutterBoost.singleton.registerPageBuilders({
‘flutterbus://flutterFirstPage’: (pageName, params, _) {
print(“first flutterPage params: $KaTeX parse error: Expected 'EOF', got '}' at position 35: \dotsn FirstPage(); }̲, 'flutterbus:/\dots$ params”);
…
return SecondPage();
},
});

FlutterBoost.handleOnStartPage();
}

@override
Widget build(BuildContext context) {
return MaterialApp(
title: ‘Flutter Boost example’,
builder: FlutterBoost.init(),
home: Container());
}

安卓原生项目中使用FlutterBoost

Flutter引擎加载及FlutterBoostPlugin初始化

首先，根据FlutterBoost给的例子我们原生项目的Application需要继承FlutterApplication，其实这个不是必须的，FlutterApplication中主要是在onCreate方法中初始化加载flutter.so库，该操作我们可以在适当的地方自己来加即可。

其次，FlutterBoost的example中在自定义的Application的onCreate方法中初始化FlutterBoostPlugin，这个我们可以提取出来放到一个单独的类里。

基于以上两点我实现了一个工具类用来执行FlutterBoost的初始化

public class FlutterMediator {
public static void init(final Application app) {
//此处必须启动初始化，主要是载入Flutter引擎文件
FlutterMain.startInitialization(app);

FlutterBoostPlugin.init(new IPlatform() {
@Override
public Application getApplication() {
return app;
}

@Override
public Activity getMainActivity() {
return MainActivity.sRef.get();
}

@Override
public boolean isDebug() {
return true;
}

@Override
public boolean startActivity(Context context, String url, int requestCode) {
Debuger.log(“startActivity url=”+url);

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

@Override
public Map getSettings() {
return null;
}
});
}
}

这样，我们在原生项目中的自定义Application的onCreate方法中只需要调用FlutterMediator.init(this);方法即可完成FlutterBoost的初始化了。其中MainActivity应该是一直存在栈底的Activity，一般是我们的首页。

Flutter页面对应Native容器

FlutterBoost初始化完成之后，针对Flutter中的FirstPage和SecondPage页面我们需要在原生中创建对应的Native容器，即FlutterBoost中定义的Container，可以是Activity也可以是Fragment，这里我们使用Activity实现，

// Flutter中FirstPage对应的Native container

public class FlutterFirstPageActivity extends BoostFlutterActivity {
private int id = 0;
private String name;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
Intent intent = getIntent();
if(intent != null) {
String url = intent.getStringExtra(“url”);
Map map = UrlUtil.parseParams(url);
id = Integer.parseInt(map.get(“id”).toString());
name = map.get(“name”).toString();
}
}

@Override
public String getContainerName() {
return PageRouter.FLUTTER_FIRST_PAGE_URL;
}

@Override
public Map getContainerParams() {
Map map = new HashMap();
map.put(“id”, id);
map.put(“name”, name);
return map;
}

@Override
public void onRegisterPlugins(PluginRegistry registry) {
GeneratedPluginRegistrant.registerWith(registry);
}
}

FlutterBoost已经为我们实现好了Activity类型的容器BoostFlutterActivity，该类实现了IFlutterViewContainer接口，我们自定义容器时只需要继承该Activity并实现三个方法即可，其中

getContainerName即是容器的名称，和Flutter层注册PageBuilder相对应；
getContainerParams为该容器需要传递给Flutter层对应Widget的参数，页面跳转接收的参数传递给Flutter页面就是在这里处理，需要将数据包装到Map中；
onRegisterPlugins是为该页面注册插件；

页面跳转路由

我们在上面FlutterBoostPlugin初始化的代码中看到了一行PageRouter.openPageByUrl(context,url,requestCode);代码，这句代码是用来处理Flutter页面根据url打开另一个页面的操作。PageRouter是我们原生层定义的一个页面路由类

public class PageRouter {
public static final String NATIVE_FIRST_PAGE_URL = “flutterbus://nativeFirstPage”;
public static final String NATIVE_SECOND_PAGE_URL = “flutterbus://nativeSecondPage”;
public static final String FLUTTER_FIRST_PAGE_URL = “flutterbus://flutterFirstPage”;
public static final String FLUTTER_SECOND_PAGE_URL = “flutterbus://flutterSecondPage”;

public static boolean openPageByUrl(Context context, String url) {
return openPageByUrl(context, url, 0);
}

public static boolean openPageByUrl(Context context, String url, int requestCode) {
try {
Intent intent;
if (url.startsWith(NATIVE_FIRST_PAGE_URL)) {
intent = new Intent(context, FirstNativeActivity.class);
intent.putExtra(“url”, url);
context.startActivity(intent);
return true;
} else if (url.startsWith(NATIVE_SECOND_PAGE_URL)) {
intent = new Intent(context, SecondNativeActivity.class);
intent.putExtra(“url”, url);
if(context instanceof Activity) {
((Activity)context).startActivityForResult(intent, requestCode);
}
return true;
} else if(url.startsWith(FLUTTER_FIRST_PAGE_URL)) {
intent = new Intent(context, FlutterFirstPageActivity.class);
intent.putExtra(“url”, url);
context.startActivity(intent);
return true;
} else if (url.startsWith(FLUTTER_SECOND_PAGE_URL)) {
intent = new Intent(context, FlutterSecondPageActivity.class);
intent.putExtra(“url”, url);
if(context instanceof Activity) {
((Activity)context).startActivityForResult(intent, requestCode);
}
return true;
} else {
return false;
}
} catch (Throwable t) {
return false;
}
}

}

Flutter页面和Native页面跳转

以上准备工作及页面路由类定义好之后，我们就可以在Flutter层和Native层调用相应的方法根据要跳转页面的url执行页面跳转操作了，你既可以Native页面跳转Native页面，也可以Native页面跳转Flutter页面，既可以在Flutter页面跳转Native页面，也可以Flutter页面跳转Flutter页面，具体例子如下

Native页面跳转Flutter页面

Native页面跳转Flutter页面其实就是打开一个Flutter页面对应的Native容器，我们可以根据路由来进行跳转操作，比如从MainActivity跳转到Flutter的FirstWidget页面，一句代码搞定

PageRouter.openPageByUrl(this, PageRouter.FLUTTER_FIRST_PAGE_URL+“?id=123&name=bruce”);

以上代码中对应的url中带有参数，很多时候你是不需要传参数的，这里只是举个传参数给Flutter页面的例子，即是将id和name值传到Flutter页面来使用，具体是如何使用的呢，我们需要在Flutter对应的Native容器FlutterFirstPageActivity中解析出url参数，然后在以下覆盖方法中包装到Map中通过PlatformChannel传递给Flutter端

@Override
public Map getContainerParams() {
Map map = new HashMap();
map.put(“id”, id);
map.put(“name”, name);
return map;
}