android和Flutter的混合工程Demo
【摘要】 Flutter和Android混合工程的启动逻辑与纯Flutter应用程序的启动逻辑略有不同。在混合工程中，您需要在Android项目中添加一些额外的代码来启动Flutter引擎并加载Flutter代码。以下是整个app的启动逻辑的详细解释：在Android项目中添加Flutter依赖项首先，您需要在Android项目中添加Flutter依赖项。在build.gradle文件中，添加以下依赖...
Flutter和Android混合工程的启动逻辑与纯Flutter应用程序的启动逻辑略有不同。在混合工程中，您需要在Android项目中添加一些额外的代码来启动Flutter引擎并加载Flutter代码。以下是整个app的启动逻辑的详细解释：
- 在Android项目中添加Flutter依赖项
首先，您需要在Android项目中添加Flutter依赖项。在build.gradle文件中，添加以下依赖：
dependencies {
implementation 'com.google.guava:listenablefuture:9999.0-empty-to-avoid-conflict-with-guava'
implementation 'androidx.annotation:annotation:1.2.0'
implementation 'io.flutter:flutter_embedding:2.8.1' // or your desired Flutter version
}- 创建Flutter引擎实例
接下来，您需要在MainActivity类中创建一个Flutter引擎实例。您可以使用以下代码创建FlutterEngine对象：
private FlutterEngine flutterEngine;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// Create a FlutterEngine.
flutterEngine = new FlutterEngine(this);
// Start executing Dart code in the FlutterEngine.
flutterEngine.getDartExecutor().executeDartEntrypoint(
DartExecutor.DartEntrypoint.createDefault()
);
}- 配置Flutter引擎
接下来，在MainActivity类中配置Flutter引擎。您可以使用以下代码将Flutter引擎添加到Activity生命周期回调中：
@Override
public void configureFlutterEngine(@NonNull FlutterEngine flutterEngine) {
GeneratedPluginRegistrant.registerWith(flutterEngine);
}在这个示例中，我们使用GeneratedPluginRegistrant类将所有默认的Flutter插件注册到Flutter引擎中。您可以自己添加其他插件。
- 启动Flutter引擎
接下来，在MainActivity类中启动Flutter引擎并加载Flutter代码。您可以使用以下代码：
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// Create a FlutterEngine.
flutterEngine = new FlutterEngine(this);
// Start executing Dart code in the FlutterEngine.
flutterEngine.getDartExecutor().executeDartEntrypoint(
DartExecutor.DartEntrypoint.createDefault()
);
// Configure an initial route.
String initialRoute = "/";
flutterEngine.getNavigationChannel().setInitialRoute(initialRoute);
// Start FlutterActivity.
startActivity(
FlutterActivity
.withCachedEngine("my_engine_id")
.build(this)
);
}- 编写Flutter页面
接下来，您需要编写Flutter页面。在lib/main.dart文件中，替换默认代码：
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'My App',
home: Scaffold(
appBar: AppBar(
title: Text('My App'),
),
body: Center(
child: Text('Hello, Flutter!'),
),
),
);
}
}- 运行Android应用程序
最后，您可以构建并运行Android应用程序，这将同时启动原生和Flutter部分。在应用程序启动后，它将显示一个标题为“My App”的AppBar，并在屏幕中央显示一条文本“Hello, Flutter!”。
总的来说，整个app的启动逻辑包括添加Flutter依赖项、创建Flutter引擎实例、配置Flutter引擎、启动Flutter引擎并加载Flutter代码，以及编写Flutter页面。最后，您可以构建并运行Android应用程序。
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）