React Native为何提供TouchableHighlight与TouchableOpacity而非通用Touchable？

为什么用独立组件处理触摸样式变化？ #

本质是封装通用交互逻辑+统一平台体验，不用重复造轮子：

• 触摸反馈是移动端交互的基础需求，几乎所有可点击元素都需要按下时的视觉提示，把这个逻辑封装成组件，能避免每个按钮都手动写onPressIn/onPressOut监听+状态管理的样板代码。
• 官方组件已经帮你处理了跨平台的细节，不用自己适配iOS和Android的原生交互规范。

和手动设置opacity的TouchableWithoutFeedback有啥差异？ #

当然有，核心差异在封装程度和平台适配：

• 状态自动管理：TouchableOpacity会自动处理按下/松开的opacity变化，你不用额外维护isPressed状态，也不用写一堆事件回调；而用TouchableWithoutFeedback+手动改View opacity，必须自己绑定onPressIn（设opacity为0.5）、onPressOut（恢复opacity），还要处理取消触摸的情况，代码冗余且容易漏边界场景。
• 平台一致性：官方组件的反馈效果是符合原生平台习惯的——比如TouchableHighlight在Android上会显示Material Design的波纹效果，iOS上是背景高亮；你自己手动改opacity的话，只能实现统一的透明度变化，做不到原生级的平台适配。
• 性能与无障碍：官方组件内部做了渲染优化，比如避免不必要的重渲染；同时自带无障碍支持（比如屏幕阅读器识别可点击元素），自己封装的组件很容易忽略这些细节。

为什么TouchableHighlight和TouchableOpacity要分开存在？ #

因为它们对应不同的交互设计场景，满足多样化的视觉需求：

• TouchableOpacity：通过透明度变化提供轻量反馈，视觉干扰小，适合按钮、标签、小卡片这类需要简洁交互的元素。
• TouchableHighlight：通过背景色/波纹的高亮效果提供更强烈的触摸提示，适合列表项、大按钮这类需要明确告知用户“这里可点击”的场景。
• 加上TouchableWithoutFeedback（无视觉反馈），三者覆盖了从“无提示”到“轻提示”再到“强提示”的所有触摸交互场景，让开发者能根据设计需求快速选择。

内容的提问来源于stack exchange，提问作者Robo Robok