处理触摸
用户主要通过触摸与移动应用进行交互。他们可以使用各种手势组合，例如点击按钮、滚动列表或缩放地图。React Native 提供了组件来处理各种常见手势，以及一个全面的 手势响应系统 以允许更高级的手势识别，但您最可能感兴趣的组件是基本的 Button。
显示基本按钮
Button 提供了一个在所有平台上都能良好渲染的基本按钮组件。显示按钮的最小示例如下所示：
<Button
onPress={() => {
console.log('You tapped the button!');
}}
title="Press Me"
/>
这将在 iOS 上渲染一个蓝色标签，在 Android 上渲染一个带有浅色文本的蓝色圆角矩形。按下按钮将调用 "onPress" 函数，在本例中它会显示一个警报弹窗。如果您愿意，可以指定 "color" 属性来更改按钮的颜色。
请使用下面的示例随意尝试 Button 组件。您可以通过点击右下角的切换按钮选择您的应用预览平台，然后点击 "Tap to Play" 来预览应用。
可触摸组件
如果基本按钮不适合您的应用，您可以使用 React Native 提供的任何 "Touchable" 组件来构建自己的按钮。这些组件提供了捕获点击手势的能力，并且可以在识别出手势时显示反馈。但是，这些组件不提供任何默认样式，因此您需要做一些工作才能使它们在应用中看起来不错。
您使用哪个 "Touchable" 组件将取决于您想要提供什么样的反馈：
-
通常，您可以在任何网页上使用按钮或链接的地方使用 TouchableHighlight。当用户按下按钮时，视图的背景会变暗。
-
您可以考虑在 Android 上使用 TouchableNativeFeedback 来显示响应用户触摸的墨迹表面反应涟漪。
-
TouchableOpacity 可用于通过降低按钮的不透明度来提供反馈，允许用户在按下时看到背景。
-
如果您需要处理点击手势但不想显示任何反馈，请使用 TouchableWithoutFeedback。
在某些情况下，您可能想要检测用户何时按下视图并保持一段时间。这些长按可以通过将函数传递给任何 "Touchable" 组件的 onLongPress 属性来处理。
让我们看看所有这些的实际效果：
滚动和滑动
在带有触摸屏的设备上常用的手势包括滑动和拖拽。这些允许用户滚动项目列表或滑动内容页面。对于这些，请查看 ScrollView 核心组件。
已知问题
- react-native#29308: 触摸区域永远不会超出父视图边界，且在 Android 上不支持负边距。