react-native入门之处理触摸事件

文档：处理触摸事件 · React Native 中文网

1.简介

移动应用上的用户交互基本靠摸。

摸也是有各种姿势的，在一个按钮上点击，在一个列表上滑动，或是在一个地图上缩放。

React Native 提供了可以处理常见触摸手势的组件， 以及识别复杂手势的完整手势响应系统。

2.按钮

Button是一个简单的跨平台的按钮组件。

<Button
  onPress={() => {
    Alert.alert('你点击了按钮！');
  }}
  title="点我！"
/>

iOS 上渲染一个蓝色的标签状按钮，Android 上则会渲染一个蓝色圆角矩形带白字的按钮。

点击这个按钮会调用 onPress 函数，还可以指定 color 属性来修改按钮的颜色。

Button上没有 style 属性，只能包含在View里设置 style

3.Touchable组件

这个组件的样式是固定的。可以使用TouchableOpacity或是TouchableNativeFeedback来定制样式

• TouchableHigh