滑动时从一种布局到另一种布局的透明扩展圆过渡动画

Question

当用户按住屏幕时，手指应该变得透明，以便他们可以看到底层布局。当他们继续按住手指并滑动时，我想创建一个过渡，其中透明度从最初的握持位置向外扩散，直到上部布局消失，仅保留下面的布局。

以下是示例：

我不关心紫色/红色方块的花哨动作；我只是想了解如何在两个布局之间创建滑动过渡。

android.R.anim.fade_in

和

android.R.anim.fade_out

似乎会接近所需的效果，但会缺少以用户手指为中心的扩展圆，并且过渡会立即发生，而不是按住时给出峰值的预期效果并且仅在滑动后执行转换。

Answer 1

你可以使用这个npm

反应原生扩展循环过渡

https://github.com/alexbrillant/react-native-expanding-circle-transition