设为首页收藏本站

react native【免费】VIP视频教程 rn开发者交流论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1595|回复: 204

[视频教程] 18、手把手教React Native实战之Touchable类组件

  [复制链接]

401

主题

762

帖子

6969

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6969
发表于 2016-6-16 15:20:42 | 显示全部楼层 |阅读模式
#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、配套视频(下载地址)
【回复本帖才可见】
游客,如果您要查看本帖隐藏内容请回复



react native vip论坛免费发布【手把手教react native实战开发】视频教程,立志于打造全互联网最全面最详细最易懂的React Native
开发视频教程,Facebook已经在多项产品中使用了React Native,并且将持续地投入建设,让我们引领react native开发的潮流!
回复

使用道具 举报

1

主题

84

帖子

203

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
203
发表于 2016-6-23 21:42:47 | 显示全部楼层
找到18了啊啊啊啊
回复 支持 反对

使用道具 举报

1

主题

127

帖子

353

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
353
发表于 2016-7-2 17:20:44 | 显示全部楼层
a'l;djfoajidhfasdopjkf[aposjd
回复 支持 反对

使用道具 举报

0

主题

162

帖子

400

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
400
发表于 2016-7-4 17:27:12 | 显示全部楼层
持续学习中
回复 支持 反对

使用道具 举报

0

主题

55

帖子

144

积分

注册会员

Rank: 2

积分
144
发表于 2016-7-6 11:15:09 | 显示全部楼层
学习学习
回复

使用道具 举报

0

主题

73

帖子

152

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
152
发表于 2016-7-6 12:45:59 | 显示全部楼层
持续学习中~~~~
回复 支持 反对

使用道具 举报

7

主题

133

帖子

417

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
417
发表于 2016-7-6 13:41:19 | 显示全部楼层
学习学习
回复

使用道具 举报

0

主题

35

帖子

76

积分

注册会员

Rank: 2

积分
76
发表于 2016-7-7 10:01:20 | 显示全部楼层
学习学习
回复

使用道具 举报

7

主题

254

帖子

699

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
699
发表于 2016-7-8 11:29:22 | 显示全部楼层
在app中我们希望点击的时候会有一些视觉上的变化
回复 支持 反对

使用道具 举报

0

主题

62

帖子

138

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
138
发表于 2016-7-10 12:43:15 | 显示全部楼层
学习学习
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|ReactNative Inc.    

GMT+8, 2018-11-17 16:45 , Processed in 0.129260 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表