iOS 原生项目嵌入 flutter_module

最新推荐文章于 2024-04-10 23:11:56 发布

Walden_tinghou

最新推荐文章于 2024-04-10 23:11:56 发布

阅读量954

点赞数

分类专栏： flutter 文章标签： flutter ios android

本文链接：https://blog.youkuaiyun.com/sunnyboy9/article/details/122859343

版权

1.iOS原生项目嵌入 Flutter 的话，实际上是把flutter作为一个module来开发管理的。
在使用 Android Studio 创建项目的时候就要选择 Module 进行创建，使之作为一个模块来开发。
在这里插入图片描述

2.iOS原生项目端要与flutter module关联起来，需要修改Podfile文件，添加如下的代码，然后执行pod install


flutter_application_path = '../flutter_module'
load File.join(flutter_application_path, '.ios', 'Flutter'

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Walden_tinghou

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Flutter开发之——iOS原生项目导入Flutter

2301_82243396的博客

05-03

861

以前一直是自己在网上东平西凑的找，找到的东西也是零零散散，很多时候都是看着看着就没了，时间浪费了，问题却还没得到解决，很让人抓狂。后面我就自己整理了一套资料，还别说，真香！资料有条理，有系统，还很全面，我不方便直接放出来，大家可以先看看有没有用得到的地方吧。《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！[外链图片转存中…(img-PjPqeLbO-1714739971492)]

原生嵌入flutter模块(ios篇）

flyToSky_L的博客

06-07

2532

同级目录下：iOS项目：MyApp 子目录 Podfile文件flutter模块：flutter create --template module my_flutterPodfile文件在flutter module下执行flutter run，可运行demo在 Xcode项目下执行 pod install，效果如下iOS代码启动flutter页面：swift代码 oc代码：方式二：通过framework，xocde 即可，不需要flutter、cocopad 仍是同级目录iOS项目

参与评论您还未登录，请先登录后发表或查看评论

在既有iOS项目中添加Flutter module

iOS_开发

02-03

2026

翻译 | 刘彦博，中国大陆唯一的 Flutter GDEFlutter 能以 framework 的形式添加到你的既有 iOS 应用中。本文将讲解如何做到这一点。集成系统要求你的开发环...

IOS原生开发中嵌入Flutter

qq_38303453的博客

06-15

1033

IOS原生嵌入flutter

iOS原生嵌入Flutter

yes16ws的专栏

06-28

1073

我们先创建NativeDemo ios工程然后，导入cocopad通过配置框架。

Flutter Modul集成到IOS项目

yong_19930826的博客

02-14

1487

Flutter Modul集成到既又IOS项目

Flutter混合开发(二)：iOS项目集成Flutter模块详细指南

最新发布

2401_84132272的博客

04-10

1876

flutter以前的版本是需要添加build phase以构建Dart代码，但是最新的版本已经不需要添加了，可以自动构建。调用Flutter moduleFlutter为我们提供了两种调用方式：FlutterViewController和FlutterEngine，FlutterEngine在使用的时候会有一些问题，将在下文进行说明。

iOS 项目嵌入Flutter 运行

github_36850997的博客

03-26

1737

创建完成后，该模块和普通的Flutter项目一直，可以通过Android Studio或VSCode打开、开发、运行；和之前项目不同的iOS和Android项目是一个隐藏文件，并且我们通常不会单独打开它们再来运行；它们的作用是将Flutter Module进行编译，之后继承到现有的项目中。主要是通过pod 进行设置，之后pod install。显示的结果顺利加载出flutter 的页面。在ViewControlelr 设置的代码。注意my_flutter 的路径对不对。

iOS 集成 Flutter Module

allanGold

01-30

950

此时 flutter module 项目编译后的产物已经被集成到 iOS 项目中，下面就是开始使用 flutter 中的功能。

Flutter-module嵌入iOS原生项目

qq_37524003的博客

04-26

2185

创建 flutter module: cd 到项目文件的同级目录下；终端执行命令：(flutter_player: 文件名称，可修改) flutter create -t moduleflutter_player 通过cocoapods添加依赖在项目的Podfile文件中添加如下代码：重点代码为下图部分更新pods pod install 添加脚本在iOS项目中找到Xcode -> Target -> Build Phase 位置，点击➕好，...

Flutter：Android/iOS集成Flutter模块

a526001650a的专栏

11-22

2023

Flutter：Android/iOS集成Flutter模块

iOS使用Flutter_Boost与flutter module进行交互

MoonKingDon的博客

04-29

464

FlutterBoost理念是像web一样处理flutter,FlutterBoost处理页面的映射和跳转，开发者只需关注页面名字和参数(通常可以是Url) 使用：需要将flutter集成到iOS项目中，flutter版本需要和boost版本匹配 boost安装： 1.添加到 pubspec.yaml 文件中 dependencies: flutter_boost:^1.12.13+3 2.初始化 flutter pub get 3.dart编码 import 'packag...

flutter，报错Invalid `Podfile` file: cannot load such file -- ../xxxProject/...

wangyajuncsd的博客

04-01

8319

如题，flutter混合开发项目中，显示Podfile文件执行 load File.join('.../flutter_module’, '.ios', 'Flutter', 'podhelper.rb') 命令时报错，其实这个命令是flutter混合开发ios侧生成framework产物的命令。相信搞flutter混合开发的同学都不会陌生。其中，flutter_module就是你的flutter项目目录。同时，xcode还报错说找不到头文件： Flutter/Flutter.h fil

iOS老项目集成Flutter产物 pod集成

baidu_33425843的博客

02-28

1319

iOS原生项目组件化集成Flutter组件摘要： ~~~~~~ 虽然Flutter已经越来越成熟，但是市面上完全用Flutter开发APP的还是小部分。主流还是原生为主题，部分业务组件使用Flutter。 ~~~~~~ 目

Flutter踩坑日记：接入现有iOS项目

weixin_30279671的博客

04-04

1306

之前搞的Flutter版工具链已经弄完了，感兴趣的朋友可以围观下，Android版本dio库（v2.0.14）发送网络请求老是报错，去官方提了issue还没回，于是今天搞一下把Flutter模块接入到已有项目中。首先Flutter官方已经出了wiki，教大家怎么接入。懒得看官方原文的可以看看这个简易版快速集成，先来看看效果。一、创建Flutter模块一般用Flutter或者Reac...

Flutter篇 iOS运行错误

独树一枝

03-02

3379

flutter报错: [!] Automatically assigning platform `iOS` with version `8.0` on target `Runner` becaus 解决：现在版本更新了，应该大部分9.0 platform :ios, '9.0' 错误：[!] CocoaPods could not find compatible versions for pod "xxx":In snapshot (Podfile.lock): Analyzing .

Flutter-现有iOS工程引入Flutter

weixin_34208185的博客

11-01

154

前言 Flutter 是一个很有潜力的框架，但是目前使用Flutter的APP并不算很多，相关资料并不丰富，介绍现有工程引入Flutter的相关文章也比较少。项目从零开始，引入Flutter操作比较简单，但是现有工程引入Flutter 需要费很多精力和时间，这里是我在完成现有iOS工程引入Flutter后写的一次总结文章。 Flutter 环境搭建首先是要搭建Flutter环境，之前也写了一篇相...

flutter和ios混编

danny35的专栏

11-09

1042

1、xcode创建项目 2、安装cocoapods 3、项目命令行下执行pod init 4、项目命令行下执行pod install 5、用wordspace重新打开项目 6、podfile文件里添加一下代码 flutter_application_path = '../flutter_module/' load File.join(flutter_application_path,...

flutter_module找不到

09-17

### 回答1：如果你在使用 Flutter 开发应用时遇到了 "flutter_module" 找不到的问题，可能是因为你的 Flutter 项目没有正确地配置了模块依赖。解决方法如下： 1. 确保你已经在项目的 pubspec.yaml 文件中声明了对 flutter_module 的依赖。格式如下： ``` dependencies: flutter_module: ^1.0.0 ``` 2. 在终端运行 `flutter packages get` 命令来安装依赖。 3. 在你的代码中导入 flutter_module。 ``` import 'package:flutter_module/flutter_module.dart'; ``` 如果你还是无法解决问题，建议你检查一下你的 Flutter 项目是否已经正确地配置了，并且确保你正在使用的 Flutter 版本与 flutter_module 兼容。 ### 回答2： Flutter_module是一个用于在Flutter项目中创建和管理模块的工具。如果你在使用Flutter_module时遇到了找不到的问题，可能有以下几个原因： 1. 检查是否正确安装了Flutter_module。你可以通过在终端输入`flutter module`来检查是否能正确执行该命令。如果无法执行，则可能是因为你还没有正确安装Flutter_module。你可以通过运行`flutter pub global activate flutter_module`来安装它。 2. 检查项目是否正确配置了Flutter_module。在使用Flutter_module之前，你需要先在你的项目配置文件中添加Flutter_module的依赖。你可以在`pubspec.yaml`文件中的`dependencies`部分添加类似于`flutter_module: ^版本号`的内容。 3. 检查Flutter_module是否在你的项目中正确引入。如果你在项目中引入了Flutter_module，但仍然无法找到它，可能是因为你没有正确导入Flutter_module的库。你可以在你的源代码文件中添加类似于`import 'package:flutter_module/flutter_module.dart'`的语句来导入该库。如果你按照上述步骤操作仍然无法解决问题，可能是因为你在其他地方出现了错误。你可以查看Flutter_module的文档或寻求社区支持来获取更多帮助。 ### 回答3： flutter_module是一种Flutter的模块，在开发Flutter应用时使用。如果遇到找不到flutter_module的问题，可能是以下几个原因：首先，确保你已经正确配置了Flutter开发环境。你需要先安装好Flutter SDK，并且将其添加到系统的环境变量中。然后，如果你使用的是Android Studio进行开发，还需要安装Flutter插件并启动Flutter Doctor来检查配置是否正确。其次，检查你的项目是否正确引入了flutter_module。在项目的构建配置文件中，需要添加依赖项来引入flutter_module。例如，在Android的build.gradle文件中，你需要添加类似以下的配置： dependencies { // ... 其他依赖项 implementation project(':flutter_module') } 在iOS的项目中，你需要在Podfile中添加相应的依赖： target 'Runner' do # ... 其他依赖项 project ':flutter_module' end 最后，如果以上步骤都正确配置了且问题仍然存在，那么可能是flutter_module没有正确创建或者位置不正确。你可以尝试重新创建flutter_module，并确保将其放在正确的位置。在创建flutter_module时，可以使用Flutter命令行工具来创建模板项目，然后将其添加到你的主项目中。总结来说，找不到flutter_module可能是由于配置问题或者项目结构问题引起的。确保正确配置了Flutter开发环境，并在项目的构建配置文件中添加了正确的依赖项。如果问题仍然存在，尝试重新创建flutter_module并将其放在正确的位置。