把 Flutter module 引入原生应用

Flutter

字数统计: 293阅读时长: 1 min

 2022/04/13   Share







前言

最近在尝试用模块化的方式，在原生应用引入 flutter module，虽然这是一种比较不错的过渡方式，但其实有很多坑的。

通用方法

使用用 flutter 源码和原生项目一起编译，iOS 需要借用 Cocoapods 来做依赖管理。

引入 android

除了通用方法，还可以打包成 aar，引入项目。

Integrate a Flutter module into your Android project

引入 iOS

除了通用方法，在 iOS 上还可以打包成 framework 来引入项目。

Integrate a Flutter module into your iOS project

可能遇到的问题

flutter module 调试起来是比较麻烦的，可以提供一个 test 的 main 入口，来做调试，或者采用 flutter attach
生成 iOS framework 的时候，事实上是会生成动态库和静态库的，所以我们引入的时候，需要注意，静态库引入不需要签名，动态库需要引入并且签名
原生和 flutter 通信使用起来有点麻烦，如果只是一些简单的传值和路由管理，可以使用 flutter_boost

参考

Add Flutter to existing app

Debugging your add-to-app module

Flutter module集成进原生iOS项目，避坑

原文作者：路小飞

原文链接：https://nijiehaha.github.io/2022/04/13/%E6%8A%8A-Flutter-module-%E5%BC%95%E5%85%A5%E5%8E%9F%E7%94%9F%E5%BA%94%E7%94%A8/

发表日期：April 13th 2022, 8:41:08 am

更新日期：April 13th 2022, 9:18:32 am

版权声明：本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可

Next Post

知识小集
Previous Post

2021年终小总结

CATALOG

1. 前言
2. 通用方法
3. 引入 android
4. 引入 iOS
5. 可能遇到的问题
6. 参考



缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是archer根目录）执行以下命令：
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置：

jsonContent:
  meta: false
  pages: false
  posts:
    title: true
    date: true
    path: true
    text: false
    raw: false
    content: false
    slug: false
    updated: false
    comments: false
    link: false
    permalink: false
    excerpt: false
    categories: true
    tags: true