首页 > 其他 > 详细

React native 放大点击区域 hitSlop属性的使用

时间:2019-10-29 16:39:34      阅读:103      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

 在日常的需求中,如上图的加减按钮,可能写ui布局的时候没考虑实际的这个点击范围太小,不利于真机上用户点击到,如果加包裹层加padding的话又会影响原先定好的布局,或者不利于对齐。

那么可以用  hitSlop 这个属性,TouchableWithoutFeedback 或者 TouchableOpacity 这两个组件都能用,也是我们常用来做 onPress 的两个包裹组件。

看一下官网介绍:hitSlop 这一属性定义了按钮的外延范围。这一范围也会使pressRetentionOffset变得更大。 注意: 触摸范围不会超过父视图的边界,也不会影响原先和本组件层叠的视图(保留原先的触摸优先级)

技术分享图片

 

 以上的描述相当于向外延展80,都可以触发 onPress 事件,实际上红圈范围点击都是生效的。

技术分享图片

 

 

React native 放大点击区域 hitSlop属性的使用

原文:https://www.cnblogs.com/hjj2ldq/p/11759405.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!