TouchableNativeFeedback 整个屏幕上有波纹？

Question

我目前正在使用TouchableNativeFeedback在 Android 上的 React Native 中按下按钮时提供波纹。

它看起来像这样：

  <TouchableNativeFeedback
    background={TouchableNativeFeedback.Ripple('rgba(3, 155, 229, 0.3)')}
    onPress={() => {onClick(text)}}
    delayPressIn={0}
  >
      ....
  </TouchableNativeFeedback>

我知道我可以使波纹渲染在视图边界之外，如下所示：

<TouchableNativeFeedback
    background={TouchableNativeFeedback.Ripple('gray', true)}
>
    ...
</TouchableNativeFeedback>

然而，波纹会在小半径范围内淡出（尽管它们确实超出了视图范围）。有什么办法可以制作出整个屏幕大小的巨大波纹吗？

我有一个清除输入的按钮（有点像计算器上的清除按钮），当用户点击该清除按钮时，我希望在整个屏幕上出现一个大的红色波纹。

---

react-native: 0.28.0
react-native-cli: 1.0.0
react: 15.1.0

Answer 1

似乎TouchableNativeFeedback.Ripple需要第二个和第三个参数，即borderless和rippleRadius。这些正是我们正在寻找的。

下面的例子引起了很大的涟漪：

<TouchableNativeFeedback
  onPress={onPress}
  background={TouchableNativeFeedback.Ripple('', true, 300)}>