Android和Flutter的混合工程Demo

移动开发 Android
整个App的启动逻辑包括添加Flutter依赖项、创建Flutter引擎实例、配置Flutter引擎、启动Flutter引擎并加载Flutter代码,以及编写Flutter页面。最后,您可以构建并运行Android应用程序。

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应用程序。

责任编辑:姜华 来源: 今日头条
相关推荐

2016-01-13 13:47:04

云计算混合云私有云

2022-03-04 11:12:58

技术Flutter前端

2019-02-28 22:14:27

云计算混合云公共云

2022-02-10 08:44:52

Flutter通讯Name

2019-12-30 18:18:51

云计算混合云公共云

2015-02-26 09:35:48

AWSOpenStack混合云

2019-12-18 10:30:24

前端开发技术

2023-08-03 10:25:49

Flutter

2017-11-03 07:44:54

混合云GoogleNutanix

2018-07-12 14:38:19

多云混合IT云计算

2019-01-21 15:52:02

前端工程师Flutter代码

2023-07-07 12:26:39

携程开发

2017-02-22 14:30:30

IT存储工程师公有云

2020-09-25 08:13:48

MySQL

2012-10-19 10:49:41

惠普SDN混合云

2018-01-29 05:51:15

2012-10-19 17:02:43

混合云SDN虚拟网络

2012-12-27 10:51:14

Android开发iPhone时间轮

2019-05-14 11:21:07

FlutterAndroidWebView

2022-02-11 08:39:17

Flutter通信Pigeon
点赞
收藏

51CTO技术栈公众号