| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> 移动开发 -> 原生iOS工程引入Flutter -> 正文阅读 |
|
[移动开发]原生iOS工程引入Flutter |
原生的oc写的代码,新的需求页面想要用flutter来写,那么如何在原生项目里加入flutter呢? 1、新建一个OC的原生工程项目。该项目是个简单的project的,只有一个页面和一个按钮,点击按钮present到flutter页面。如图 ? ?2、创建一个flutter的Module项目,用来写flutter页面的。这里的module命名为flutter_module。 这里使用flutter命令创建 cd到相应的ios工程目录下,执行以下命令:
相应的目录下出现flutter_module,说明创建成功 3、接着在原生的oc工程中引入cocoapod来做管理。 cd 到原生的oc工程中,执行 pod init 修改podfile 在podfile依赖文件的依赖部分添加如下内容:
?然后在要集成flutter的target中添加
podfile的内容如下: 4、执行pod install 就可以把创建的flutter module和原生的oc项目关联起来了。 ? ?到此,oc原生项目就和flutter module关联起来了。那么怎么才能在一个原生页面点击跳转到flutter页面呢? 在iOS原生的ViewController里有个按钮,点击跳转到flutter页面,我们只要在按钮事件中创建一个FlutterViewController,然后push过去就可以了,灰常的简单。show code: 注意,这里flutter页面的样式内容用的是创建module的时候,自带的页面,没有更改。当然也可以在flutter module里更改样式,显示你自己的页面。? 遇到的坑: 我用的flutter版本是2.8.0,在引入#import <Flutter/Flutter.h>之后,报头文件找不到的问题 终端执行flutter doctor xcode那里有告警,我本地的cocoapods版本是1.8.3,升级cocoapods版本到1.10.0,头文件找不到问题解决。? |
|
移动开发 最新文章 |
Vue3装载axios和element-ui |
android adb cmd |
【xcode】Xcode常用快捷键与技巧 |
Android开发中的线程池使用 |
Java 和 Android 的 Base64 |
Android 测试文字编码格式 |
微信小程序支付 |
安卓权限记录 |
知乎之自动养号 |
【Android Jetpack】DataStore |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/24 9:24:04- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |