ReactNative进阶（十九）：React Native 按钮 Touchable 系列组件使用详解_touchablewithoutfeedback

最后

推荐一些系统学习的途径和方法。

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML 和 CSS：

propTypes: {
…TouchableWithoutFeedback.propTypes,

因为`TouchableWithoutFeedback`有其它三个组件的共同属性，所以我们先来了解一下`TouchableWithoutFeedback`。


### 二、TouchableWithoutFeedback 使用详解


`TouchableWithoutFeedback`，`Touchable`系列组件中最基本的一个组件，只响应用户的点击事件不会做任何`UI`上的改变，在使用的过程中需要特别留意。



> 
> 注意：无论是`TouchableWithoutFeedback`还是其他三种`Touchable`组件，在根节点都是只支持一个组件，如果你需要多个组件同时相应单击事件，可以用一个`View`将它们包裹着，它的这种根节点只支持一个组件的特性和`ScrollView`很类似。
> 
> 
> 


接下来，让我们来看一下`TouchableWithoutFeedback`常用属性：


说到常用属性，`TouchableWithoutFeedback`首先要提到的就是`onPress`了。


**onPress function**  
 当触摸操作结束时调用，但如果被取消了则不调用（譬如响应者被一个滚动操作取代）。


`onPress`可谓是`Touchable`系列组件的最常用属性之一，如果要让视图响应用户的单击事件，那么用`onPress`就可以了。


接下来，使用`onPress`属性来实现一个统计按钮单击次数的例子。

<TouchableWithoutFeed