IOS 混合开发手势返回控制

vue3 quasar capacitor pod 1.10 ffi 1.15.0

效果如下，调用底层插件，子页面通过路由控制视图跟随手指左右切换

在info.plist同级目录新建Plugin文件夹，添加自己的插件
目录结构如下

添加核心代码iOSSwipeGesturePlugin.swift

目录/src-capacitor/ios/App/App/Plugin/iOSSwipeGesturePlugin.swift

import Foundation
import Capacitor/*** Please read the Capacitor iOS Plugin Development Guide* here: https://capacitorjs.com/docs/plugins/ios*/
@objc(iOSSwipeGesturePlugin)
public class iOSSwipeGesturePlugin: CAPPlugin {@objc func enable(_ call: CAPPluginCall) {self.bridge?.webView?.allowsBackForwardNavigationGestures = truecall.resolve()}@objc func disable(_ call: CAPPluginCall) {self.bridge?.webView?.allowsBackForwardNavigationGestures = falsecall.resolve()}
}

iOSSwipeGesturePlugin.m

如何xcode提示创建桥接器那么点击确定

src-capacitor/ios/App/App/Plugin/iOSSwipeGesturePlugin.m

#import <Foundation/Foundation.h>
#import <Capacitor/Capacitor.h>// Define the plugin using the CAP_PLUGIN Macro, and
// each method the plugin supports using the CAP_PLUGIN_METHOD macro.
CAP_PLUGIN(iOSSwipeGesturePlugin, "iOSSwipeGesture",CAP_PLUGIN_METHOD(enable, CAPPluginReturnPromise);CAP_PLUGIN_METHOD(disable, CAPPluginReturnPromise);
)

iOSSwipeGesturePlugin.h

如果已有的话xcode会自动把你的插件导入
src-capacitor/ios/App/App.xcodeproj/project.pbxproj
默认桥接器头文件可能需要修改名称，修改名称的话要在这里面把你的默认名称改掉，想改什么改什么在上面路径里面替换一下名称

#import <UIKit/UIKit.h>//! Project version number for Plugin.
FOUNDATION_EXPORT double PluginVersionNumber;//! Project version string for Plugin.
FOUNDATION_EXPORT const unsigned char PluginVersionString[];// In this header, you should import all the public headers of your framework using statements like #import <Plugin/PublicHeader.h>

路由守卫中添加一层判断是否禁用手势

创建一个j s并导出ios插件

import {registerPlugin} from "@capacitor/core";
const iOSSwipeGesture = registerPlugin('iOSSwipeGesture'); //控制ios手势开启关闭
import {Device} from "@capacitor/device";//设备型号插件let info = {}function logDeviceInfo() {Device.getInfo().then(res => {info = resconsole.log(info)})
}
logDeviceInfo()export default function handleGesture(meta){if (info && info.operatingSystem === 'ios'){if(meta&&meta.noGesture){//不要手势iOSSwipeGesture.disable()}else {iOSSwipeGesture.enable()}}
}

路由守卫里面调用这个方法

  Router.beforeEach((to, from, next) => {// console.log('路由守卫app')// console.log(to, from, next)handleGesture(to.meta) //处理手势//...if (to.name == null) { //没有发现路由console.log('app发现 未知路由进入login页面')next({name: 'loginExcessive'})} else {next()}});

IOS 混合开发手势返回控制相关推荐

Unity iOS混合开发
我的第一篇博客是写的Unity和Android平台混合开发相关,接触iOS和Object-C也有一段时间了,此次,将讲述下Unity与iOS混合开发的原理,也为Unity高级移动端混合开发做下铺垫.闲 ...
iOS 右滑手势返回上一级
首先iOS7以后系统默认自带了侧滑功能,当用户在界面的左边滑动的时候,就会有侧滑功能. 但是如果我们从从导航控制器的返回按钮,就发现系统所带的侧滑返回功能无法使用,而且有些功能不尽人意.系统自定义的优 ...
安卓ios混合开发技术_微信已支持改微信号，安卓最新版微信一年可修改一次
紫金财经6月5日消息今日,腾讯方面发文称,安卓最新版微信已经支持微信号修改,且一年只可修改一次.随后网友们表示,微信团队终于将大家期盼已久的问题给解决了,奥利给! 腾讯官微表示,这次推出的微信号可修 ...
ionic+angularJS+iOS混合开发app的学习资料介绍和基本步骤（干货）
ionic+angularJS+iOS 先安装nodejs.npm.angularJS和ionic 其中nodeJS和npm安装可以到官网下载nodeJS,然后双击安装就好很简单(网址: http:/ ...
IOS,H5混合开发,setTimeout定时器失效
项目中有需要定时请求服务器,来刷新用户新消息汇总的功能.没有使用第三方推送,暂时用app定时刷新来权宜实现. 安卓版本中使用的Hbuilder开发,使用是全部都是h5页面,不论当前是否是请求服务器的页 ...
iOS混合开发之uni-app本地打包集成到iOS原生项目
iOS混合开发 1.前言 2.项目背景 3.项目框架 4.从入坑到踩坑 4.1打包错误 4.2 运行错误总结 1.前言前端统一开发越来越多,公司为了大一统前端的所有页面显示问题,同时为节约 ...
iOS开发--下滑返回dismiss
简介现在越来越多的应用有看大图或者进入详情页面,但是,再返回的时候,普通意义上,会点击左上角的返回,这时候你就会发现,还需要将手指移动到左上角,这样,无意给用户增添了麻烦,并且,现在手机屏幕越来越大 ...
混合开发监听安卓手机物理返回键
混合开发监听安卓手机物理返回键在用h5做混合开发过程中由于有个考试考试页面,中途不能退出,退出要添加确认操作,所以需要监听手机的返回操作,不让用户直接通过返回键返回目前了解到混合开发中有两种方式监 ...
Flutter开发之《头条 Flutter iOS 混合工程实践》笔记（54)
摘自:头条 Flutter iOS 混合工程实践从 App Store 下载或更新头条(6.9.2 或以上版本),找到懂车帝 -> 热门车型,点击打开后即可体验 Flutter 的页面效果. ...
IOS 开发手势使用
首先为了防止看我的博客的人刚打开就关闭,所以就先给个手势的例子 UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] ...

IOS 混合开发手势返回控制

IOS 混合开发手势返回控制

vue3 quasar capacitor pod 1.10 ffi 1.15.0

IOS 混合开发手势返回控制相关推荐

最新文章

热门文章

IOS 混合开发 手势返回控制

IOS 混合开发 手势返回控制

vue3 quasar capacitor pod 1.10 ffi 1.15.0

IOS 混合开发 手势返回控制相关推荐

最新文章

热门文章

IOS 混合开发手势返回控制

IOS 混合开发手势返回控制

IOS 混合开发手势返回控制相关推荐