O registro de telas e rotas é feito em cima do banking-app-core-plugins. A maioria das telas tem um container próprio onde a tela em si é colocada como dependência, e esse container cuida da lógica de navegação, acessar o redux, etc.
As telas e componentes ficam separadas por seção dentro do banking-app-core-plugins, seguindo essa estrutura:
Assumindo que você queira registrar uma nova tela que tenha a ver com configurações dentro do app, em screens você precisa criar duas telas, a tela que você de fato vai criar, onde o código e a lógica interna da tela vão estar, e a segunda é um container, onde você vai passar props de navegação ou de acesso ao redux caso necessário.
Depois de criada a tela que vai conter os componentes e a lógica da tela, crie um container:
O container vai ser o elemento que vamos chamar depois para registrar a tela na sua respectiva rota. o withNavigation é uma prop necessária para que o app possa navegar para a sua tela e para que a lógica de navegação seja usado dentro dela.
Na pasta navigation da seção que foi escolhida para registrar a tela, temos dois arquivos:
No settings-screen-definitions temos um objeto com um nome que remeta a rota, e o seu valor é uma string que contém o nome da rota.
Basta criar uma chave e um valor, e ele estará acessível no register-screens.
Dentro de register-screens, temos a seguinte estrutura que faz o registro e torna as rotas acessíveis:
O primeiro argumento é a rota da tela, de acordo com o nome que foi criado anteriormente no objeto, o segundo é o container da sua tela, que deve ser importado nesse arquivo.
Depois disso a sua rota estará acessível.
Want to print your doc? This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
Registrando telas no APP
