react-native - 如何在 React Native 的动画结束时调用函数

Question

我想在我的 native 项目中的动画结束时调用函数(或设置状态)。
我该怎么做？
请帮我。

我的代码:

import React,{component} from 'react';
import {Animated, View} from 'react-native';
class Animation extends Component {
  constaructor(){
     super()
     this.AnimationValue= new Animated.Value(0),
  }
  componentDidMount() {
    Animated.timing(
      this.AnimationValue,
      {

        toValue: 1,
        duration: 4000,
      }
    ).start();
  }

  render() {
    const marginLeft = this.AnimationValue.interpolate({
        inputRange: [0, 1],
        outputRange: ['0', '300']
    });
    return (
      <Animated.View style={{marginLeft}} >
        // ... my code
      </Animated.View>
    );
  }
}

Answer 1

这是 start() 中的回调.

Animated.timing(
  this.AnimationValue,
  {
    toValue: 1,
    duration: 4000,
  }
).start(hereGoesTheFunctionReference);