【Flutter】Flutter 混合开发 ( 简介 | Flutter 混合开发集成步骤 | 创建 Flutter Module )
文章目录
- 一、Flutter 混合开发简介
- 二、Flutter 混合开发集成步骤
- 三、创建 Flutter Module
- 1、使用命令行创建 Flutter Module 项目 ( 仅做参考 )
- 2、Android Studio 中创建 Flutter Module ( 推荐 )
- 3、Flutter Module 项目文件结构
- 四、相关资源
一、Flutter 混合开发简介
开发手机应用时 , 有时一个完整的应用 , 有些使用 Native 原生实现 , 有些使用前端小程序实现 , 有些部分使用 Flutter 实现 ;
混合开发应用场景 :
Flutter 作为独立页面 : 在 Native 原生页面中 , 打开一个 Flutter 页面 ; 或者在 Flutter 页面中打开原生页面 ;
Flutter 作为组件嵌入 : 在 Native 原生页面中 , 嵌套一个 Flutter 组件 ; 或者在 Flutter 页面中 , 嵌套原生页面组件 ;
二、Flutter 混合开发集成步骤
Flutter 混合开发集成步骤 :
- ① 在 Android Studio 中创建 Flutter Module ;
- ② 为 Native 应用添加 Flutter Module 依赖 ;
- ③ 在 Native 应用 ( Android / iOS 应用 ) 中 , 调用 Flutter Module 模块 ;
- ④ 编写 Flutter Module 中的 Dart 代码 ;
- ⑤ 运行 Flutter 混合应用 ;
- ⑥ 项目的 热重启 / 重新加载 ;
- ⑦ 调试 Dart 代码 ;
- ⑧ 应用发布 ;
三、创建 Flutter Module
Flutter 混合开发集成步骤 :
- ① 在 Android Studio 中创建 Flutter Module ;
- ② 为 Native 应用添加 Flutter Module 依赖 ;
- ③ 在 Native 应用 ( Android / iOS 应用 ) 中 , 调用 Flutter Module 模块 ;
- ④ 编写 Flutter Module 中的 Dart 代码 ;
- ⑤ 运行 Flutter 混合应用 ;
- ⑥ 项目的 热重启 / 重新加载 ;
- ⑦ 调试 Dart 代码 ;
- ⑧ 应用发布 ;
1、使用命令行创建 Flutter Module 项目 ( 仅做参考 )
混合开发前 , 先创建 Native 项目 ;
Native 项目的路径是 D:\002_Project\002_Android_Learn\flutter_hybrid\flutter_native ,
flutter_native 是 Android Native 项目的路径 ,
进入到 Android Native 项目的上一级目录 flutter_hybrid , 然后执行如下命令 :
flutter create -t module flutter_module
2、Android Studio 中创建 Flutter Module ( 推荐 )
在弹出的对话框中 , 选择 Flutter Module ,
选择创建的 Flutter Module 名称和路径 ;
创建完成的 Flutter Module 项目 :
3、Flutter Module 项目文件结构
下面介绍 flutter_module 中的文件 :
.android
是该 flutter_module 的 Android 宿主工程 ;.ios
是该 flutter_module 的 iOS 宿主工程 ;lib
是该 flutter_module 的 Dart 代码 ;pubspec.yaml
是该 flutter_module 的依赖配置文件 ;
该 Flutter Module 是可以独立运行的 , 前提是在 Android Studio 中安装了 Flutter 插件 ;
四、相关资源
参考资料 :
- Flutter 官网 : https://flutter.dev/
- Flutter 插件下载地址 : https://pub.dev/packages
- Flutter 开发文档 : https://flutter.cn/docs ( 强烈推荐 )
- 官方 GitHub 地址 : https://github.com/flutter
- Flutter 中文社区 : https://flutter.cn/
- Flutter 实用教程 : https://flutter.cn/docs/cookbook
- Flutter CodeLab : https://codelabs.flutter-io.cn/
- Dart 中文文档 : https://dart.cn/
- Dart 开发者官网 : https://api.dart.dev/
- Flutter 中文网 : https://flutterchina.club/ , http://flutter.axuer.com/docs/
- Flutter 相关问题 : https://flutterchina.club/faq/ ( 入门阶段推荐看一遍 )
- GitHub 上的 Flutter 开源示例 : https://download.csdn.net/download/han1202012/15989510
- Flutter 实战电子书 : https://book.flutterchina.club/chapter1/
- Dart 语言练习网站 : https://dartpad.dartlang.org/
重要的专题 :
- Flutter 动画参考文档 : https://flutterchina.club/animations/
博客源码下载 :
GitHub 地址 : ( 随博客进度一直更新 , 有可能没有本博客的源码 )
博客源码快照 : ( 本篇博客的源码快照 , 可以找到本博客的源码 )
【Flutter】Flutter 混合开发 ( 简介 | Flutter 混合开发集成步骤 | 创建 Flutter Module )相关推荐
- 微信小程序开发:腾讯地图集成步骤(旧题新说)
在腾讯生态开发过程中,包括在微信小程序开发的时候,避免不了使用腾讯送的腾讯大礼包,从微信支付到腾讯地图,一条龙的腾讯大礼包,不得不说鹅厂的实力是无可比拟的. 但是话又说回来了,鹅厂的官方API真是不敢 ...
- java开发简介_Java Web开发介绍
转自:http://www.cnblogs.com/pythontesting/p/4963021.html 简介 Java很好地支持web开发,在桌面上Eclipse RCP谈不上成功,JAVA是主 ...
- 【Android 应用开发】Android 无障碍开发简介 ( Android 无障碍开发辅助技术 | 启用 TalkBack 无障碍功能 | TalkBack 无障碍开发 示例 )
文章目录 一.Android 无障碍开发辅助技术 二.启用 TalkBack 无障碍功能 三.TalkBack 无障碍功能代码示例 官方文档 : Android 无障碍功能概览 一.Android 无 ...
- 【Flutter】创建 Flutter 项目 ( Android Studio 创建并运行 Flutter 应用 | 命令行创建并运行 Flutter 应用 | 运行 Flutter 应用三种方式 )
文章目录 一.Android Studio 中创建 Flutter 项目 二.命令行创建 Flutter 项目 三.通过命令行方式运行 Flutter 项目 四.通过 Android Studio 可 ...
- OpenCV Java开发简介
OpenCV Java开发简介 OpenCV Java开发简介 我们将在本指南中做什么 获得适当的OpenCV 下载 构建 Java示例与Ant Java和Scala的SBT项目 运行SBT样本 Op ...
- Flutter学习第十五天:2021年最新版超详细Flutter实现Mob+SMSSDK手机验证码登录实现,Android和Flutter混合开发?
Flutter实现手机验证码登录 第一步:在mob平台配置SMSSDK环境 第二步:建立flutter项目和android的library文件 第三步:在Android的library文件中部署mob ...
- 【Flutter】开发 Flutter 包和插件 ( Flutter 包和插件简介 | 创建 Flutter 插件 | 创建 Dart 包 )
文章目录 一.Flutter 包和插件简介 二.创建 Flutter 插件 1.Android Studio 中可视化创建 2.命令行创建 三.创建 Dart 包 1.Android Studio 中 ...
- Flutter 从配制开发环境再到开发第一个应用
Flutter 从配制开发环境再到开发第一个应用 从java开发走起,开发java,先下载jdk sdk,然后配制环境变量,最后配制开发工具,进入开发. 在Flutter这里,也是先下载 Flutte ...
- ALI Flutter进阶笔记,移动手机app开发
阿里巴巴集团内也有越来越多的业务和团队开始尝试 Flutter 技术栈,从闲鱼的一支独秀引领潮流,到如今淘宝特价版.优酷.飞猪等BU业务相继入局,Flutter的业务应用在集团内也已经逐渐形成趋势. ...
最新文章
- android2.2编译,Android NDK编译Box2D_V2.2
- 十进制转化为十六进制分割高低位
- springboot 缓存ehcache的简单使用
- python现在时间 命令_Python3 - 时间处理与定时任务
- Java2精要_java知识精要(一)
- 电商美工需要的素材PSD分层模板
- 论开学第一个月干了点啥
- 本人正式入驻博客园~
- Spring随笔(04)
- kotlin学习二:初步认识kotlin
- 计算机基础知识如何打钩,打勾的符号怎么输入电脑上(对勾符号在word和Excel的输入方法)...
- 自然辩证法论文 计算机,自然辩证法课程论文-自然辩证法与计算机科学技术的研究.doc...
- Linux 修改环境变量设置的三种方式
- C++飞机票订票系统
- 软考高级信息系统项目管理师0介绍
- 打破构图的平衡!增强设计感染力
- 如何修改美食大战老鼠服务器,《美食大战老鼠》联运区组停止运营公告
- unturned服务器参数修改,《Unturned》3.X.X控制台指令教程
- respond.min.js/respond.js下载
- 在oracle中通过身份证号获取出生日期,性别