android和Flutter的混合工程Demo-阿里云开发者社区

android和Flutter的混合工程Demo

2023-03-30 211

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： Flutter和Android混合工程的启动逻辑与纯Flutter应用程序的启动逻辑略有不同。在混合工程中，您需要在Android项目中添加一些额外的代码来启动Flutter引擎并加载Flutter代码。以下是整个app的启动逻辑的详细解释

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对象：

privateFlutterEngineflutterEngine;
@OverrideprotectedvoidonCreate(BundlesavedInstanceState) {
super.onCreate(savedInstanceState);
// Create a FlutterEngine.flutterEngine=newFlutterEngine(this);
// Start executing Dart code in the FlutterEngine.flutterEngine.getDartExecutor().executeDartEntrypoint(
DartExecutor.DartEntrypoint.createDefault()
    );
}

配置Flutter引擎

接下来，在MainActivity类中配置Flutter引擎。您可以使用以下代码将Flutter引擎添加到Activity生命周期回调中：

@OverridepublicvoidconfigureFlutterEngine(@NonNullFlutterEngineflutterEngine) {
GeneratedPluginRegistrant.registerWith(flutterEngine);
}

在这个示例中，我们使用GeneratedPluginRegistrant类将所有默认的Flutter插件注册到Flutter引擎中。您可以自己添加其他插件。

启动Flutter引擎

接下来，在MainActivity类中启动Flutter引擎并加载Flutter代码。您可以使用以下代码：

@OverrideprotectedvoidonCreate(BundlesavedInstanceState) {
super.onCreate(savedInstanceState);
// Create a FlutterEngine.flutterEngine=newFlutterEngine(this);
// Start executing Dart code in the FlutterEngine.flutterEngine.getDartExecutor().executeDartEntrypoint(
DartExecutor.DartEntrypoint.createDefault()
    );
// Configure an initial route.StringinitialRoute="/";
flutterEngine.getNavigationChannel().setInitialRoute(initialRoute);
// Start FlutterActivity.startActivity(
FlutterActivity            .withCachedEngine("my_engine_id")
            .build(this)
    );
}

编写Flutter页面

接下来，您需要编写Flutter页面。在lib/main.dart文件中，替换默认代码：

import'package:flutter/material.dart';
voidmain() =>runApp(MyApp());
classMyAppextendsStatelessWidget {
@overrideWidgetbuild(BuildContextcontext) {
returnMaterialApp(
title: 'My App',
home: Scaffold(
appBar: AppBar(
title: Text('My App'),
        ),
body: Center(
child: Text('Hello, Flutter!'),
        ),
      ),
    );
  }
}