javascript - 动画回调在完成之前执行

Question

我在动画完成后执行函数时遇到问题。

我正在制作一个简单的待办事项应用程序，当用户想要删除任务时，我希望它消失，然后调用我的函数，在父组件中使用 setState 完全删除它。我自己也尝试过研究这个问题，但没有成功。所以问题是任务 View 立即消失而不是等待动画完成。

deletePressed() {
    Animated.timing(
        this.state.fadeIn,
        {
        toValue: 0,
        duration: 300,
        }
    ).start(this.props.action());
}

this.props.action

deleteTask(name) {
    const temp = this.state.tasks;
    if (temp.includes(name)) {
        const indx = temp.indexOf(name);
        temp.splice(indx, 1);
        this.setState({ tasks: temp });
    }
}

Answer 1

您不是给出回调，而是调用函数本身，这就是它在动画完成之前执行的原因。这应该可行。

deletePressed() {
    Animated.timing(
        this.state.fadeIn,
        {
        toValue: 0,
        duration: 300,
        }
    ).start(this.props.action);
}