rn中点击事件失效

最新推荐文章于 2021-12-20 10:27:27 发布
最新推荐文章于 2021-12-20 10:27:27 发布
阅读量2.6k 收藏
点赞数
文章标签： rn react-native 点击事件失效
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/micotale/article/details/84590208
版权

之前同事做一个rn项目，所有的逻辑都ok，唯独点击事件在ios上ok,  在Android机上失效。

 

各种排查，终于找到原因。

 

不难，就不卖关子了。

 

就是承载rn界面的必须继承

DefaultHardwareBackBtnHandler，这个实际上就是连接native和rn的handler桥梁。

 

然后复写对应的方法

 

重新打包即可

 

Winter_H
关注
RN调试利器——React Native Debugger
weixin_33672400的博客
12-14 6861
余玮杰，2018年3月加入去哪儿网技术团队。目前在大住宿事业部/大前端/RN，参与开发大住宿RN和callcenter等相关业务。本人对前端相关领域的知识充满了兴趣，并且...
React-Navigation （RN 的路由）采坑总结
qq_43389371的博客
11-17 751
注意： React-navigation 4.x 将 createStackNavigator 等组件放到 react-navigation-stack 中，createBottomTabNavigator 等导航栏放到了 react-navigation-tabs 中，想要使用必须还要先安装它们 React-Navigation 底部导航栏实现当页面数量大于等于2时，实现隐藏底部导航栏 expo...
React-native学习-29--Android 物理返回键监听
Green
11-11 319
***界面，实体返回键有bug。点击一次无效，点击两次返回到了消息列表界面 1.在生命周期中监听 componentDidMount(){ this.backHandlerListener=BackHandler.addEventListener('hardwareBackPress',()=>this.props.navigation.goBack()); }; componentWillUnmount(){ th...
RN TouchableOpacity点击事件不响应原因详解
https://www.xiaohongshu.com/user/profile/5f3543150000000001002b2e
12-20 3003
问题 首先是整个页面布局如上： 在实际开发中发现 如下红框中的所有区域点击事件均没有效果，不会触发 问题定位 RN基本触摸组件尝试 TouchableHighlight、TouchableNativeFeedback、 TouchableOpacity 、 TouchableWithoutFeedback onPressIn：点击开始； onPressOut：点击结束或者离开； onPress：单击事件回调； onLongPress：长按事件回调。 以上触摸事件无论怎么尝试在红框区域
DNN单击事件只有在"编辑"状态下才有效的解决方案
weixin_34034670的博客
10-08 56
我用GridView做了个模块，为什么在查看（View）状态下我不能点击“新建”“编辑”之类的所有按钮，编辑（Edit）状态下可以，本来点击的话，会跳转到另外一个页面的。  解决方法： 在页面设置里保证你的模块"Cache Time"设置为"0"。你也可以在Host-->Module Definitions 或者在模块的DNN定义文件里把这个模块的Cache Duration...
RN -频繁点击的几个情况及处理
iOSTianNan的博客
04-28 616
待完善! 1 当某个方法被多次频繁调用, 通过该方法进行拦截, 效果: 多次调用同一函数, 仅最后一次调用生效,其余调用均抛弃 var actionAwaitTimer = null; // 定时器 // 多次点击, 仅执行最后一次点击的事件 const actionAwait = (fn, wait = 100) => { return function (params) { ...
RN 在Android Studio运行闪退后报错
weixin_44328976的博客
04-12 289
RN项目报错 Unable to add window android.view.ViewRootImpl$W@5b43d4d – permission denied for window type 2003 一开始我百度了网上的解决方法，都说是没有权限导致的，但是尝试了所有的办法后还是没有解决。 后来我发现，原来是RN的版本太低，导致安卓高版本的报错不显示红色弹框，其实就是js代码出现了错误，那个需要获取权限的其实是RN的报错弹框，可以用低版本的安卓能看到报错信息。 ...
RN-消息列表页页面跳转报错解决
吃瓜群众的博客
04-24 468
FlatList列表页，其render子项<TouchableOpacity style={styles.content} onPress={()=>this._toOrderHomepage()} activeOpacity={0.5}></TouchableOpacity>_toOrderHomepage(){    //执行跳转操作报如下错误}原因：this作用...
React-Native系列Android——Touch事件原理及状态效果
热门推荐
MegatronKings的博客
04-08 1万+
React-Native的强大之处在于实现了较为全面的Touch事件机制，虽然仍略有缺陷，但相比于Hybrid或H5的体验而言，已经足足提高了一大截，下面分析讲解一下其实现原理，和具体使用方式。
干货 | 携程机票RN复杂交互实践
携程技术
02-27 1399
作者简介海涛，携程前端开发工程师，负责机票主流程预订、React Native技术栈相关开发工作。前言本文将主要介绍在携程中文APP国内机票模块中，对往返机票的预定流程改造期间，在Re...
解决React Native 键盘弹起时第一次点击确定按钮没反应
baihailing的博客
04-09 3277
做项目的时候遇到一个问题：键盘弹起时，点击确定按钮没响应，键盘收起了，再点击确定按钮才有响应。网上看了相关文档，包括： https://blog.csdn.net/weixin_33729196/article/details/87450454 https://www.cnblogs.com/huangjialin/p/6211601.html 以上两种方法讲得都是隐藏键盘，经实践发现没有反...
一起学RN （1）史上最全Window平台 环境搭建
fangkyi02的博客
02-27 2691
史上最全Window配置RN环境教程 没有之一！！！
RN点击事件的使用
Code Store
06-20 5607
在RN中，相应事件都是通过都是通过TouchableOpacity处理的 技术要点： 1）响应事件方式 TouchableOpacity来处理的，2）状态机getDefaultProps 是用来取值的，取用来不可以改变的值，只想当于getgetInitialState 是用来设置值的，相当于set，get import React, { Component } from 'reac
RN中点击切换颜色，点击另一个恢复原先颜色
w的博客
05-11 6154
在这里有一个需求：按钮点击之后，切换颜色，点击另一个时，恢复原先颜色；接下来看我们怎么实现的吧，直接上代码；//首先构造函数声明变量 constructor(props) { super(props); this.state = { isPress:true, } } 其次声明点击方法： _refreshMsssage= (csid) =>{
react-native 滚动视图点击事件无法响应的情况
klabcxy36897的专栏
07-17 1985
react-native 滚动视图点击事件无法响应的情况:我的视图情况是有个textinput在焦点状态，点击滚动视图只是收起键盘.查询http://wiki.jikexueyuan.com/project/react-native/scroll-view.html网址可知: keyboardShouldPersistTaps 布尔型 当为false时，当键盘向上摒弃键盘时，轻击外
给元素加上 position: absolute 之后无法点击解决办法
ljinest
09-09 5928
这种情况大多数是因为元素绝对定位之后被藏在其他元素的后方了。 就和ppt中的元素被置底一样，但是html中有些情况你还是能看到你的元素 问题描述： 某个点击元素被加上position: absolute属性之后发现没办法点击到了。 原因分析： 这种情况大多数是因为元素绝对定位之后被藏在其他元素的后方了。 就和ppt中的图片被置底一样，但是html中有些情况你还是能看到你的元素，这种情况下我们要把这个元素置顶。 解决方案： 打开开发者工具，选择到你的元素，给这个元素的element style加上一个z-
React-Native按钮无法点击问题排查
suwu150
07-21 4182
开发时，我们有时会遇到明明对某一块区域设置了点击响应事件，但仍然不起作用的情况，我们可以从以下方面进行排查： 1.点击事件方法名称是否对应和正确 2.涉及到界面View组件的，onStartShouldSetResponder、onStartShouldSetResponderCapture属性设置检查，以及pointerEvents属性值检查 3.检查组件层级，研究是否有绝对定位影响，导致想要触发的层级在最下面，无法响应 ...
react-native-page-listview真机上点击不能触发onPress事件的bug解决
weixin_34072857的博客
11-29 332
react-native-page-listview是一个能很好实现上拉下拉的功能的插件，可是在部分真机上，在列表没有滚动时，不能触发onPress。通过对插件源码分析，发现在开始移动时判断是否设置当前的View为手势响应者时没有对点击事件做判断，所以在onMoveShouldSetPanResponder加入一个dy=0时的情况判断，就能很好的解决onPress不能触发的情况。//开始移动时判断...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值