前言:
Flutter 因其自建的渲染引擎,背靠谷歌的支持,近来俘获了不少的开发小伙伴,越来越多的开发者尝试使用Flutter进行开发,在原生项目中嵌入Flutter来完成复杂度不高的页面成为了一个不错的选择。本篇文章记录了一次在原生项目中嵌入Flutter的过程。
准备工作:搭建好 Flutter 的开发环境
[简书抽风可能无法显示]
在原生项目中加入Flutter模块
之前网上对混合开发有一些现成的库,目前效果不是很理想,本文采用的是官方文档中的方法。
1. 创建 Flutter 模块
到需要创建模块的文件夹下(本文为原生项目下),执行创建模块的命令:
$: flutter create --template module flutter_moudle
// 此处根据网络状况可能会耗时很久,耐心等待即可。
创建成功后,能在目下看到一个 flutter_moudle 的文件:
flutter_moudle文件结构
Tips:
使用"shift+cmd+."可查看文件夹隐藏文件
2. 配置 Flutter 模块
官方在项目中启用Flutter模块提供了多种方法,本文主要介绍其中两种:
(1)方法1: CocoaPods
在Podfile中添加定义,并配置对应的Target
添加如下两句到定义:
# flutter模块的路径(本文的flu