Flutter-native混合开发(一)

flutter_module工程创建

一、背景

• 原生页面打开flutter 页面or flutter页面打开原生页面
• 原生页面局部嵌入flutter
• flutter页面局部嵌入原生view

二、集成步骤

1. 创建flutter_module
2. 添加flutter_module依赖
3. 在Java、Oc中调用flutter_module
4. 编写Dart代码

三、创建flutter_module

1、在native工程的父目录执行如下命令

flutter  create -t module flutter_module

最终创建的flutter_module与原生工程平级

目录文件说明

• .android Android宿主工程
• .ios iOS宿主工程
• pubspec.yaml 项目依赖配置文件

因为宿主工程的存在，在不添加额为依赖的情况下是可以独立运行的，通过安装了flutter 和dart的androidstudio打开这个flutter_module项目，通过运行按钮可以直接运行