uni-app xcode 制作iOS原生插件

官方原生插件教程:

https://nativesupport.dcloud.net.cn/NativePlugin/course/ios.html#导入-uni-app-资源

官方离线SDK,包括插件demo

https://nativesupport.dcloud.net.cn/AppDocs/download/ios.html

官方uni原生插件包格式说明

https://nativesupport.dcloud.net.cn/NativePlugin/course/package.html

1、最好在官方提供的HBuilder-uniPluginDemo demo基础上自己创建iOS framework,这样免去很多xcode运行配置,其他文章也提到了用cocoapod方式,cocoapod方式不建议使用,很多错误无法定位,配置也很容易出错

2、iOS如果自定义的framework中用到了第三方sdk,需要将第三方sdk打包成framework,将第三方framework添加到自定义的framework中,一起编译,builde出来的.a或者.framework文件提供给uni-app使用,同时将引用的第三方framework放到uni-app项目 nativeplugins 目录下,具体的nativeplugins文件配置可以看官方文档;

3、遇到的几个uni-app引用插件包的问题:

module类型的插件文件,可以在uni-app任何位置和页面使用

component类型的组件:

1、只能在nvue中使用,不能在vue中使用,在vue中使用会无效

2、iOS传递事件名称和前端监听事件的名称都用小写字母

3、iOS传递给前端的事件是驼峰命名,vue3会将组件驼峰命名事件转化成'-'连接,例如将onEvent转化成on-event,防止其他情况转化,统一用小写字母命名

4、iOS所有组件的事件函数名称命名都是adevent,前端本地事件接收函数可以是其他的命名,例如:onRewardedAdEvent、onBannerAdEvent

如果在vue2版本中运行项目没有任何问题,在vue3中运行会提示下面这样的警告,如果不影响正常组件的展示和方法事件的调用,就不用处理:

Vue warn\]: Failed to resolve component: xh-mercad 11:58:16.704 If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 11:58:16.704 at \

相关推荐
不如摸鱼去9 小时前
uni-app 组件库 Wot UI 的 AI 友好型编程指南
人工智能·ui·uni-app
嘉琪0019 小时前
uni-app 轨迹回放实现(场景 + 方案)——2026 0309
uni-app
遗憾随她而去.9 小时前
uniapp token过期的几种常见处理方案
uni-app
2501_915918419 小时前
iOS App HTTPS 抓包工具,代理抓包和数据线直连 iPhone 抓包的流程
android·ios·小程序·https·uni-app·iphone·webview
anyup_前端梦工厂9 小时前
开源半年,每月 8K+ 下载,uView Pro 让跨端应用开发提效 10 倍
前端·uni-app·开源
一只程序熊10 小时前
uniapp 通过通道$on或者$once调用函数内的showModal弹窗,但是没有反应
uni-app
一渊之隔10 小时前
uniapp封装 SQLite数据库操作接口
数据库·uni-app
天蓝色的鱼鱼2 天前
从“死了么”到“我在”:用uniCloud开发一款温暖人心的App
前端·uni-app
小徐_23332 天前
uni-app 组件库 Wot UI 的 AI 友好型编程指南
前端·uni-app
CHB3 天前
uni-app x 蒸汽模式 性能测试基准报告 Benchmark
uni-app·harmonyos