react中点击事件简介

刚使用react native 的时候，我们根本分不清其中的点击事件的使用，所以没事的时候，找个时间将这一块东西看了一下，在这里总结一下。

整体介绍：

TouchableHighlight：如果在什么都没有设置的时候，点击下去会出现黑色的背景；但是同时你可以设置点击下去的背景颜色（underlayColor={‘red’}点击下去背景显示为红色）。（常用）

TouchableOpacity：如果在什么属相都没有设置的情况下，会改变其中背景的透明度，整体会发白；（自动带有点击下去的效果）

TouchableNativeFeedback：用于Android,会产生5.0以后的水波纹效果，ＩＯＳ使用没啥什么作用；（使用的时候一定要将组件用包起来）

TouchableWithoutFeedback：响应的时候没有任何的点击效果。（只支持一个子级节点，如果里阿米你有好多的东西，需要用包起来）

重点用法：

想想一下，如果我们想要在每个平台上用不一样的效果，我们该怎么来实现呢？最愚蠢的办法就是没遇到一个地方就去判断一下来自于哪一个平台，然后使用相应的点击事件。我想说的是，我们可以事先统一下，android平台使用的是哪一种，而ISO使用的是哪一种，然后重新封装一个组件，用啦替换原有的。比如：想要在Android平台使用TouchableNativeFeedback,在ＩＯＳ平台使用TouchableHighlight，最好的办法就是将其封装成一个组件，判断是哪一个平台，然后做出选择。