如何使用 ( NATIVE ) 波纹效果创建 <TouchableNativeFeedback />答案

【问题标题】：how create <TouchableNativeFeedback /> with ( NATIVE ) Ripple effect如何使用 ( NATIVE ) 波纹效果创建 <TouchableNativeFeedback />
【发布时间】：2018-06-23 05:37:57
【问题描述】：

我的问题是关于 (TouchableNativeFeedback) [[RectNativeComponent]] 方法

在 react Native Document 中，facebook 说

static Ripple(color: string, borderless: boolean)

我想知道如何实现这个以及必须在哪里调用

|反应原生 :: 0.55.4 | |平台 :: 安卓。 |

Facebook 文档：

https://facebook.github.io/react-native/docs/touchablenativefeedback.html#ripple

【问题讨论】：

我添加了一个带有 expo 的实例。如果这有助于你推动绿色勾号。

标签： react-native react-native-android ripple

【解决方案1】：

这就是你在 react native 中使用组件方法的方式。

<TouchableNativeFeedback background={TouchableNativeFeedback.Ripple('#EEE')}>
  <View style={{ width: undefined, padding: 20, backgroundColor: '#000' }}>
    <Text style={{ color: '#FFF', textAlign: 'center' }}>Button</Text>
  </View>
</TouchableNativeFeedback>

指定你最喜欢的颜色，我以绿色为例

博览Live demo

参考here

【讨论】：

嗨@RaajNadar，感谢回答我的问题，我在我的仿真中测试了这个sn-p，但是，没有任何事情发生（Ripple UI）
您正在使用 EXPO？