0

É possível criar um efeito de transição do tipo "slide" usando router outlet em uma aplicação construída com Angular + Native script?

Criando o efeito em um botão ou qualquer outro elemento tudo bem, meu problema é quando tento fazer isso dinamicamente.

Exemplo:

var info = args.view.bindingContext;

let navigationExtras: NavigationExtras = {
    queryParams: info
};

this.router.navigate(["/expense-details"], navigationExtras);

Gostaria de adicionar o efeito de transição "slide" ao direcionar para a página "/expense-details".

2
  • 1
    Você deu uma olhada nessa parte da documentação do angular? angular.io/guide/route-animations 25/02/2019 às 19:20
  • 1
    Obrigado @VeroneseComS, olhei a documentação com mais cuidado e notei que ao usar o nativescript com Angular tem uma classe chamada "routerExtensions", bem parecida com a da documentação do Angular, e que é importada através do "nativescript-angular", usando ela eu consegui passar os parâmetros e fazer a animação que queria. 26/02/2019 às 12:37

1 Resposta 1

1

Consegui resolver importando o componente "RouterExtensions" do Nativescript.

// Importa
import { RouterExtensions } from "nativescript-angular";

// Redireciona passando parametros e animação
this.routerExtensions.navigate(['/expense-details'],
    {
        queryParams: info,
        animated: true,
        transition: {
            name: "slide",
            duration: 200,
            curve: "linear"
        }
    }
)
https://pt.stackoverflow.com/questions/364816/nativescript-angular-transition-ao-fazer-redirect#

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .