Navegação de telas

Nesta seção, você encontra uma demonstração de como o Beagle lida com navegação de tela.

No Beagle, a navegação (ou Navigate) é um tipo de Ação e que, por isso, pode ser usada por todos componentes que recebem uma ação.

Depois de fazer todas as configurações, basta colocar o código dos exemplos como retorno do seu serviço e chamar o endpoint, definido na sua controller, no frontend de sua preferência.

Rotas de Navegação

Algumas ações de navegação precisam de um parâmetro. É possível receber dois tipos de rota, que são:

  • Local: navegação interna que já espera pela nova tela.
  • Remote: navegação que, a partir de uma URL, aponta para uma API que irá retornar um ou mais componentes do Beagle.

No exemplo abaixo, você vê um caso onde o route é remote:

{
    "_beagleComponent_": "beagle:button",
    "text": "Click me!",
    "onPress": [
        {
            "_beagleAction_": "beagle:pushStack",
            "route": {
                "url": "/my-next-screen",
                "shouldPrefetch": false
            }
        }
    ]
}
Button(
   text = "Click me!",
   onPress = listOf(
       Navigate.PushStack(
           route = Route.Remote("/my-next-screen")
       )
   )
)

Tipos de navegação

Nas páginas a seguir, você confere mais detalhes de cada tipo de navegação do Beagle:

OpenNativeRoute

OpenExternalURL

PushStack

PushView

PopStack

PopView

PopToView

ResetApplication

ResetStack