如何在显示模态时添加动画

Question

我尝试在模态页面显示时从右到左添加动画幻灯片，但是当我添加会得到错误时，是否可以在打开模态页面时添加动画？

exports.onModalClick = function(args){

    var btn = args.object;

    page.showModal("views/abc/Modal/Modal", "abc", function (List) {
        if(List.length != 0){
        }
    }, false).animation({ translate: { x: 0, y: 0 }, opacity: 1 });
};

Answer 1

我想指出一些事情。

1. 动画视图的方法是

   public animate(options: animation.AnimationDefinition): Promise<void>;

它是View类的实例函数。因此，您的方案将无法工作，因为showModal方法不会返回类View的实例。有关它的更多信息可以在documentation和NativeScript GitHub repository中找到。

1. 为了附加多个动画，您必须将它们链接起来，而不是将它们包含在一个对象中。您可以在文档中的Animation article中了解更多相关信息。

我希望这会给你一些如何在NativeScript中使用动画的方向。