React Native控件之Touchable*系列组件详解（28）

React Native控件之Touchable*系列组件详解

（一）前言

这篇文章带着大家看一下Touchable*系列组件的使用详解，包含四种组件：TouchableHighlight、TouchableNativeFeedback、TouchableOpacity、TouchableWithoutFeedback，最后一个是触摸点击不带反馈效果的，另外三个都是有反馈效果的。因为前面三个是继承自TouchableWithoutFeedback，然后在其基础上扩展反馈功能。接下来就讲解下四个组件的详细使用。

（二）TouchableWithoutFeedback（点击无反馈）

2.1 基本介绍

这个控件除非你不得不使用，否则请不要使用这个组件，当触摸或者点击时任何响应事件的控件都会有视觉反映效果，但是该组件没有。看起来像是Web效果而不是原生的效果，这就是不建议使用的原因。

【特别申明】TouchableWithoutFeedback只支持一个子节点，如果需要设置多个子视图组件，那么需要使用View组件进行包装。

（三）TouchableHighlight(触摸点击高亮效果)

（四）TouchableOpacity（透明度变化）

（五）TouchableNativeFeedback