反应原生的水平平面列表动画项目指示器

Question

大家好，我试图在REACT NATIVE中的水平列表上取得效果。 实际上，我有两个Flatlist，最上面的是Horizo​​ntal，其中包含9个项目：

您可以想象单位列表溢出，因此我们看不到所有项目，因此可以滚动触摸事件。

我想当用户单击其中一项时，红色底线在该好项下移动动画。黑色的是静态的一个指示器。

我使用ScrollToIndex flatlist属性将项目移动到屏幕中心。

我无法获得正确的X位置来使幻灯片活动指示器从上一个项目移动到新项目。

Slider是一个Animated.View位置，具有translationX转换属性。

有人对此有例子或解释吗？

谢谢。

CcHuMi