Android和Flutter的和混合混合工程Demo

作者：IT编程学习栈 2023-04-07 08:55:40移动开发 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应用程序。

责任编辑：姜华 来源： 今日头条 AndroidFlutter

(责任编辑：休闲)