PopToView

Descrição da ação PopToView e seus atributos

O que é?

Retorna para uma tela específica e limpa a navegação que foi gerada a partir dessa tela.

A sua estrutura é representada como mostrado abaixo:

AtributoTipoObrigatórioDefinição
route​String✓Rota de alguma tela que está na pilha.

Como usar?

No exemplo abaixo, foram utilizadas três tela: as duas primeiras utilizam o PushView para adicionar as telas na pilha, já a última faz uso do PopToView para retornar para a primeira.

Para testar, iremos precisar de três endpoints:

  1. O primeiro endpoint será o que seu frontend irá chamar para renderizar a tela zero.
  2. O segundo endpoint deverá ser mapeado como "/firstScreen", pois essa será URL escolhida para a navegação do botão da tela 0 e, por isso, esse endpoint deverá retornar a tela 1.
  3. O terceiro endpoint deverá ser mapeado como "/secondScreen", pois essa será a URL escolhida para a navegação do botão da tela 1 e, por isso, esse endpoint deverá retornar a tela 2. É pela tela 2 que passa a rota na qual deve ser o endpoint da tela que você deseja retornar. No caso desse exemplo, é a "/home" que é o endpoint da tela zero.

Como chamar pela tela zero

Screen(
    child = Container(
        children = listOf(
            Text(
                "First Screen on Stack"
            ),
            Button(
                text = "Click me!",
                onPress = listOf(
                    Navigate.PushView(
                        Route.Remote(
                            url = "secondScreenNavigate.json"
                        )
                    )
                )
            )
        )
    )
)

Como chamar a Tela 1

Screen(
    child = Container(
        children = listOf(
            Text(
                "Second Screen on Stack"
            ),
            Button(
                text = "Click me!",
                onPress = listOf(
                    Navigate.PushView(
                        Route.Remote(
                            url = "popToView.json"
                        )
                    )
                )
            )
        )
    )
)

Como chamar a Tela 2

Screen(
    child = Container(
        children = listOf(
            Text(
                "Third Screen on Stack"
            ),
            Button(
                text = "Click me to go to first screen",
                onPress = listOf(
                    Navigate.PopToView(
                      route = "firstScreenNavigate.json"
                    )
                )
            )
        )
    )
)

Última modificação 11/02/2021: create content (#298) (43225e15)