解决在现有Android项目中集成Flutter遇到的问题

最新推荐文章于 2024-04-05 18:37:40 发布
原创 最新推荐文章于 2024-04-05 18:37:40 发布 · 1.7k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #flutter

如何添加Flutter到现有Android项目

Flutter官方有详细的文档, 参考文档即可。

集成过程中遇到的神坑

主Module名称一定要为"app"

如果主Module名称不是"app", 执行Flutter#createView后，会出现native层的崩溃。并且会出现错误信息VM snapshot must be valid, 崩溃信息如下：

#1 main

SIGABRT

解析原始
1 #00 pc 0001a52c /system/lib/libc.so (abort+63) [armeabi-v7a]
2 #01 pc 0053ea03 /data/app/com.xunlei.downloadprovider-hhbn6UtrgbvSTxvfZ3bDQQ==/lib/arm/libflutter.so [armeabi-v7a]
3 #02 pc 00536ba3 /data/app/com.xunlei.downloadprovider-hhbn6UtrgbvSTxvfZ3bDQQ==/lib/arm/libflutter.so [armeabi-v7a]
4 #03 pc 00092f75 /data/app/com.xunlei.downloadprovider-hhbn6UtrgbvSTxvfZ3bDQQ==/oat/arm/base.odex (oatexec+73589) [armeabi]
5 java:
6 io.flutter.view.FlutterNativeView.attach(FlutterNativeView.java:153)
7 io.flutter.view.FlutterNativeView.<init>(FlutterNativeV
最低0.47元/天 解锁文章
Android原有studio项目工程中引入Flutter
luuzhu的博客
10-23 2449
将android原生和flutter结合起来有两种方式： 1、新建Flutter项目，将已有的android原生项目放在与lib同级的android文件夹下面，此种方式改动较大，未尝试过。 2、新建一个flutter的module，将此module引入到现有android原生的工程中。本文介绍此种方式（前提是各种SDK、环境变量按官方给的配置好）。   第一步：切换Flutter分支。 ...
Flutter混合开发(一)：Android项目集成Flutter模块详细指南
2301_82101470的博客
05-14 1043
最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的14套腾讯、字节跳动、阿里、百度等2021最新面试真题解析，我把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！
错误: 程序包io.flutter.facade不存在
feedbacker05的博客
12-29 1365
io.flutter.facade.Flutter 1.12版本之后,此包已经废弃 消息来源: https://www.yuque.com/qianxr/gcv6kg/yld3xx 官宣: https://github.com/flutter/flutter/issues/34458 https://github.com/flutter/flutter/issues/36491 ...
android inputmethodmanager中文,关于InputMethodManager的使用方法
weixin_42134144的博客
05-28 624
InputMethodManager是一个用于控制显示或隐藏输入法面板的类(当然还有其他作用)。获取InPutMethodManager的方法很简单。InputMethodManager imm = (InputMethodManager)getSystemService(Context.INPUT_METHOD_SERVICE);分别介绍其使用方法。1.(Viewview, int flags)...
Flutter写Android插件时，无法找到Flutter相关的包
weixin_43367142的博客
11-01 586
在项目的build.gradle中的末尾处添加下面的代码。
flutter 运行android 报错 Could not resolve... download.flutter.io
Big_Liu_bing的博客
06-17 2413
maven { url "http://storage.googleapis.com/download.flutter.io" } maven { url "http://download.flutter.io" } 用到上面两个的地方都替换成下面的。 maven{ url'https://storage.flutter-io.cn/download.flutter.io' } 其实就是找一个能下载相关依赖的 IP 上面两个之前还能用有时又不行 这个 http...
iOS现有项目中集成Flutter模块.zip
08-29
需要注意的是，集成Flutter模块到iOS项目中可能会遇到兼容性问题，比如不同版本的Flutter SDK和iOS SDK之间的兼容问题，以及在运行时可能出现的内存管理和性能问题。因此，持续的维护和更新是必要的，以确保应用的...
精选资源
Android 集成flutter
01-20
总的来说，Android集成Flutter涉及到模块创建、路由配置、界面构建和主工程的修改等多个环节。理解并掌握这些步骤，能够帮助开发者顺利地将Flutter集成到现有Android项目中，实现原生与Flutter的无缝融合。
iOS 集成flutter 到现有项目中。.zip
08-29
3. 集成Flutter模块到iOS项目：将Flutter模块作为一个子项目添加到现有的iOS项目中。这通常涉及到修改项目配置文件，添加Flutter模块路径，以及确保两者的编译环境兼容。 4. 初始化和启动Flutter引擎：在iOS应用的...
Flutter创建工程错误
u010086298的专栏
11-13 513
一、【错误问题】 * Error running Gradle: ProcessException: Process "/Desktop/flutterTest/flutter_app/example/android/gradlew" exited abnormally: 二、【问题分析】 该问题属于在国内无法翻墙去谷歌下载对应的包 三、【解决方案】 1、 将注视或删除...
Flutter(1.5.4)最新环境配置教程以及遇到的坑
Ghost_tal的博客
05-14 3586
最近的Google I/O 2019年大会上，Dart 团队宣布退出的新的 Flutter 稳定版本1.5，宣布发布 Flutter for Web 的 preview 版本，准刚开始了 Flutter 全平台 UI 框架之路。在 I/O 大会上也展示了KENKEN 游戏，这个游戏可以在Android， iOS， Web, Mac， Chrome运行，而且都是相同的代码。本篇文章，我们先来学习...
Android Studio 安装 Flutter 插件采坑
老K的杂记
07-29 1723
插件配置 Flutter 开发需要用的的 IDE 非 Android Studio 莫属了。 当你下载完 Flutter SDK 的时候，下一步应该是配置 Android Studio 。 安装 Flutter 和 Dart 插件 需要安装两个插件: Flutter 插件： 支持 Flutter 开发工作流 (运行、调试、热重载等)。 Dart 插件： 提供代码分析 (输入代码时进行验证、代码补全等)。 安装步骤： 启动 Android Studio。 打开插件首选项 (macOS：Preferences&
Flutter升级到V1.17.5之后崩溃。
高级程序猿一枚，多年前后端经验。记录分享遇到问题，了解最新知识。
08-07 808
一、崩溃日志： java.lang.NullPointerException: Attempt to invoke interface method 'void io.flutter.embedding.engine.renderer.RenderSurface.attachToRenderer(io.flutter.embedding.engine.renderer.FlutterRenderer)' on a null object reference at android.app.A...
【最强】Android 项目集成 Flutter 实战分享
碧海朝天素
03-20 741
找工作是个很辛苦的事情，而且一般周期都比较长，有时候既看个人技术，也看运气。第一次找工作，最后的结果虽然不尽如人意，不过收获远比offer大。接下来就是针对自己的不足，好好努力了。最后为了节约大家的时间，我把我学习所用的资料和面试遇到的问题和答案都整理成了PDF文档，都可以分享给有需要的朋友，如有需要私信我【资料】或者**【点这里】免费领取**《Android面试复习资料汇总》由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频。
【最强】Android 项目集成 Flutter 实战分享！不看看？
2401_84132685的博客
04-05 1150
题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限，很多程序员朋友无法获得正确的资料得到学习提升，故此将并将重要的Android进阶资料包括自定义view、性能优化、MVC与MVP与MVVM三大框架的区别、NDK技术、阿里面试题精编汇总、常见源码分析等学习资料。【Android思维脑图（技能树）】
在Android项目中接入Flutter，在Flutter使用安卓布局
buniejin9470的博客
08-13 606
开头 在flutter开发中，始终会有下面两个无法避免的问题： 原生项目往flutter迁移，就需要在原生项目中接入flutter flutter项目中要使用到一些比较成熟的应用，就无法避免去用到原生的各种成熟库，比如音视频之类的 这篇文章，将会对上面两种情况，分别进行介绍 在Android中接入flutter界面 在android项目中需要将flutter以module的形式接入 创建flu...
Flutter升级到1.12填坑指南
hellozhxy的博客
06-30 3199
最近由于项目需要，需要把flutter升级到stable版本，目前的stable版本是1.12.13的hotfix，而我们项目目前的版本是1.7.3。Google在发布flutter 1.12对Android做了不少改动，只能说官方的指南都是一些非常基础的，很多使用细节都不完整。这里总结一下我升级遇到的一些问题。 相关参考链接 官方新版插件api介绍 官方提供的升级1.12指南 官方注册methodChannel方法 其他作者升级1.12指南 1.去除FlutterApplication 1.1
安卓框架，谈谈出现tombstone时addrline的使用
u013762045的博客
09-25 954
backtrace: #00 pc 0003a428 /system/lib/libc.so (tgkill+12) #01 pc 000181e3 /system/lib/libc.so (pthread_kill+66) #02 pc 00018deb /system/lib/libc.so (raise+10) #03 pc 0001563f /system/lib/libc.so ...
现有ios项目接入flutter sdk
最新发布
10-11
<think>根据用户的问题和提供的引用内容，用户希望了解如何将Flutter SDK接入现有的iOS项目。结合引用中的信息，以下是详细的步骤指南： ### 1. **安装Flutter SDK** 首先确保开发环境中已安装Flutter SDK。从Flutter官网下载适合的版本并安装。安装完成后，在终端运行以下命令验证安装： ```bash flutter doctor ``` 确保所有依赖项都正确配置，特别是iOS开发环境（如Xcode）[^1]。 ### 2. **创建Flutter模块** 在现有iOS项目的**同级目录**下，创建Flutter模块（而非独立Flutter应用）： ```bash flutter create --template module my_flutter_module ``` 其中`my_flutter_module`为模块名称。此命令会生成一个包含iOS和Android子目录的Flutter模块[^1]。 ### 3. **通过CocoaPods集成Flutter模块** 在现有iOS项目的`Podfile`中添加以下代码，将Flutter模块作为依赖： ```ruby flutter_application_path = '../my_flutter_module' load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb') target 'Your_iOS_App_Target' do install_all_flutter_pods(flutter_application_path) end ``` 运行`pod install`完成集成[^1][^4]。 ### 4. **配置iOS工程** - **关闭Bitcode**：在Xcode的`Build Settings`中，将`Enable Bitcode`设置为`NO`（Flutter暂不支持Bitcode）[^4]。 - **添加构建脚本**： 1. 在Xcode中选中iOS项目Target，进入`Build Phases`。 2. 点击左上角`+`，选择`New Run Script Phase`。 3. 将以下脚本粘贴到输入框中： ```bash "$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" build "$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" embed ``` 此脚本确保Flutter代码在编译时被正确构建和嵌入[^4]。 ### 5. **在iOS代码中调用Flutter** 在需要跳转至Flutter页面的地方，初始化`FlutterEngine`并加载视图： ```swift import Flutter import FlutterPluginRegistrant class FlutterManager { lazy var flutterEngine = FlutterEngine(name: "my_flutter_engine") func startFlutter() { flutterEngine.run() GeneratedPluginRegistrant.register(with: self.flutterEngine) } } // 在ViewController中使用 let flutterEngine = FlutterManager().flutterEngine let flutterViewController = FlutterViewController(engine: flutterEngine, nibName: nil, bundle: nil) present(flutterViewController, animated: true) ``` 此代码启动Flutter引擎并展示Flutter界面[^3][^4]。 ### 6. **处理第三方SDK（可选）** 若Flutter模块需使用第三方SDK（如支付、地图等），在Flutter模块的`pubspec.yaml`中添加依赖： ```yaml dependencies: flutter: sdk: flutter firebase_core: ^2.0.0 # 示例：Firebase SDK ``` 然后在iOS端的`Podfile`中同步更新原生SDK依赖[^2]。 ### 注意事项 - **混合开发调试**：使用`flutter attach`命令连接到运行中的iOS应用调试Flutter模块： ```bash flutter attach -d 'iPhone 14' ``` - **性能优化**：避免频繁启动`FlutterEngine`，建议全局共享引擎实例以减少开销[^4]。 通过以上步骤，可将Flutter SDK无缝集成到现有iOS项目中，实现原生与Flutter的混合开发。 §§相关问题§§ 1. 如何处理Flutter与iOS原生之间的数据通信？ 2. 集成Flutter后如何优化混合应用的启动性能？ 3. 在混合开发中如何管理iOS和Flutter的依赖冲突？ </think>### 如何将Flutter SDK接入现有iOS项目（基于引用内容整理） #### 📦 核心步骤： 1. **环境准备** - 安装最新版Flutter SDK（通过官网下载并配置环境变量） - 验证安装：终端执行 `flutter doctor` 确保iOS工具链正常[^1] 2. **创建Flutter模块** ```bash # 在iOS项目同级目录执行 flutter create --template module my_flutter_module ``` - 注意：**不要使用独立Flutter工程**（引用[4]指出默认方案不适合现有工程）[^4] 3. **CocoaPods集成（推荐方案）** - 修改iOS项目的Podfile： ```ruby # 添加Flutter模块路径 flutter_application_path = '../my_flutter_module' load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb') target 'Your_iOS_App' do install_all_flutter_pods(flutter_application_path) # 引用[1][4]关键方法[^1][^4] end ``` - 执行 `pod install` 4. **Xcode配置** - **关闭Bitcode**（Build Settings → Enable Bitcode → NO） - 添加构建脚本（Build Phases → New Run Script Phase）： ```bash "$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" build "$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" embed ``` - 删除默认的`App.framework`引用（避免冲突）[^4] 5. **调用Flutter页面（Swift示例）** ```swift import Flutter func showFlutterScreen() { let flutterEngine = FlutterEngine(name: "io.flutter") flutterEngine.run() let controller = FlutterViewController(engine: flutterEngine, nibName: nil, bundle: nil) present(controller, animated: true) } ``` #### ⚠️ 关键注意事项： 1. **架构兼容性**：确保Flutter模块与iOS项目的架构版本一致（如iOS 11+） 2. **插件管理**： - 第三方SDK需同时配置iOS原生依赖和Flutter插件（引用[2]）[^2] - 在Flutter模块的`pubspec.yaml`添加插件后，需在iOS端重新执行 `pod install` 3. **混合路由**：引用[3]建议使用`ios_sdk_flutter_plugin`等方案管理原生页面跳转[^3] #### 🔧 调试技巧： ```bash # 附加调试器到运行中的iOS应用 flutter attach -d 'iPhone' ``` > 通过CocoaPods集成的方案比直接嵌入框架更易维护，可避免引用[4]提到的默认方案问题[^4]。若遇到构建失败，检查`flutter doctor`输出的iOS工具链警告。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值