连续响应本机滚动图像以创建字幕效果

Question

我是react native的新手，我想在react native中从下到上连续滚动图像。

我们可以使用字幕标记来滚动html中的图像。

例如，

 <marquee behavior="scroll" direction="up">
   <img src="../t1.png"/>
 </marquee>

我想在React Native中实现类似的事情。

当前我正在使用以下代码

<Animatable.Image 
  animation={{
    from: { translateY: 0 },
    to: { translateY: -70 },
  }}
  duration={10000}
  delay={1}
  easing={t => Math.pow(t, 1.7)}
  iterationCount={100}
  useNativeDriver
  source={require('./../assets/images/gradient_bg.png')} 
  style={LoginStyles.scrollerImage}>
 </Animatable.Image>

此代码有效，但是它将图像的位置重置为0，然后再次开始可以有人帮助我解决此问题 谢谢。

Answer 1

  

将迭代次数设置为无限

iterationCount="infinite"

如果您阅读了他们的documentation，则可以选择无限循环进行迭代。