React-Native在默认动画端调用函数？

Question

在我的应用屏幕中，我在componentDidMount()上调用了几个API，如下所示

componentDidMount(){
      approverName = I18n.t('setApprover',{locale:locale});
      AsyncStorage.getItem("authKey").then((ak) => {
          authKey = ak;
          setTimeout(() => {currentContext.props.getleavetypes(ak)}, 10000);
          setTimeout(() => {currentContext.props.getCategory(ak)}, 10000);
          setTimeout(() => {currentContext.props.getProjects(ak)}, 10000);
        }).done();

    }

由于API调用与动画并行发生，因此屏幕加载期间会出现延迟（动画太慢），我尝试在超时后调用API，但这没有帮助。

请告诉我如何调用以下功能

currentContext.props.getleavetypes(ak)
currentContext.props.getCategory(ak)
currentContext.props.getProjects(ak)

在动画结束时。我没有导入任何与动画有关的内容，也没有与之相关的代码。是react-native中的默认动画。