显示模态时如何添加动画

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

我想指出几点。

动画视图的方法是

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

并且它是视图的一个实例函数class。因此，您的方案将不起作用，因为 showModal 方法不是 return class 视图的实例。有关它的更多信息可以在 documentation and in the NativeScript GitHub repository 中找到。

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

我希望这能给你一些关于如何在 NativeScript 中使用动画的指导。

显示模态时如何添加动画

How to add animation when modal shown

nativescript