东方耀 发表于 2016-6-16 15:20:42

18、手把手教React Native实战之Touchable类组件

#18、手把手教React Native实战之Touchable类组件

React Native没有像Web开发那样给元素绑定click事件,前面讲的Text组件有onPress事件回调,View组件是没有的,但是在实际项目开发中,很多其他的组件也是需要可以被点击的,RN提供了3个组件来赋予被点击的能力(去包裹其他组件即可),这3个组件被称为“Touchable类组件”:

1.TouchableHighlight高亮

属性:activeOpacity(设置透明度)、onHideUnderlay、onShowUnderlay、underlayColor(点击时背景阴影效果的背景颜色)

2.TouchableOpacity   透明度

属性:activeOpacity

3.TouchableWithoutFeedback 无反馈 不会出现任何视觉变化

不建议使用;属性:onLongPress、onPressIn、onPressOut

在app中我们希望点击的时候会有一些视觉上的变化,这个变化会提醒我们已经点击过了,从而避免重复点击



##18、配套视频(下载地址)【回复本帖才可见】:**** Hidden Message *****


dq0709 发表于 2016-6-23 21:42:47

找到18了啊啊啊啊

背后一阵个 发表于 2016-7-2 17:20:44

a'l;djfoajidhfasdopjkf[aposjd

quanyajie 发表于 2016-7-4 17:27:12

持续学习中

翔宇 发表于 2016-7-6 11:15:09

学习学习

为梦而战 发表于 2016-7-6 12:45:59

持续学习中~~~~

llq1414231501 发表于 2016-7-6 13:41:19

学习学习

秋意浓 发表于 2016-7-7 10:01:20

学习学习

shaolimin 发表于 2016-7-8 11:29:22

在app中我们希望点击的时候会有一些视觉上的变化

miaozhirui 发表于 2016-7-10 12:43:15

学习学习
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 18、手把手教React Native实战之Touchable类组件