如何在Reac Native中为Animated设置初始偏移量

时间:2017-11-02 23:39:32

标签: react-native

我有一个图片,我希望在循环中将其从imageWidth水平转换为-imageWidth,但我想让它从第一个循环的0开始。我在设置时间后立即尝试setValue(0)但它仍然从imageWidth开始。我现在的代码:

this.translateValue = new Animated.Value(0)

translate() {
    this.translateValue.setValue(this.backgroundImageWidth)
    Animated.timing(
      this.translateValue,
      {
        toValue: -this.backgroundImageWidth,
        duration: 20000,
        easing: Easing.linear
      }
    ).start(()=>this.translate())
  }

 componentDidMount() {
    this.translate()
    this.translateValue.setValue(0)
    ...
 }

render() {
return(
 <Animated.Image
  style={{
   flex: 1,
   position: 'absolute',
   left: this.translateValue,
  }}
  resizeMode={Image.resizeMode.cover}
  source={this.backgroundImage}
  />
)

0 个答案:

没有答案