如何在 react-native 中添加回退到可触摸包装器？答案

【问题标题】：How to add fallback to touchable wrapper in react-native?如何在 react-native 中添加回退到可触摸包装器？
【发布时间】：2018-02-17 00:32:22
【问题描述】：

有一个 <Touchable /> 组件，它包装了 <TouchableNativeFeedback> 及其适用于 iOS 或更早 Android 版本的后备。

在其文档中有一个 fallback 属性：

fallback - 如果 TouchableNativeFeedback 不可用（在 iOS 和 Android API

通常<TouchableOpacity /> 是一个很好的后备方法，但有时我想调整 iOS 默认值并改用<TouchableHighlight />。 我该怎么做？

我尝试添加 <Touchable fallback="TouchableHighlight" />，这会导致不变违规：未找到名称 TouchableHighlight 的视图配置。虽然我尝试添加类似 fallback={<TouchableHighlight />} 的内容，但两者都不起作用。

感谢您对理解这一点的任何帮助。也许the components code is useful 也是如此，因为它是一个非常简短直接的组件。

【问题讨论】：

标签： javascript react-native

【解决方案1】：

那个库没有给你使用TouchableHighlight的选项，你可以创建你自己的组件或者fork这个库并添加它。看起来你所要做的就是在顶部导入它。

https://github.com/react-community/react-native-platform-touchable/blob/master/PlatformTouchable.js

【讨论】：

感谢@Matt 的建议。可悲的是，它不仅 TouchableHighlight 不起作用。例如已经导入的TouchableOpacity 也不起作用。