React Navigation

Tópicos

Com esse desafio, você aprenderá:

React Native Navigation

Detalhes

Dentro da pasta src/screens, você encontrará a estrutura básica do teste que ja é os desafios anteriores, todos arquivos necessários de configuração já estão criados. Sua missão será criar tela conforme o exemplo do vídeo abaixo.

Tarefas

Deve ser instalado o pacote react-navigation no projeto.
Rotas

Deve ser adicionados na rota os arquivos Acceleration.js e o arquivo Profile.js com os respectivos nomes.
Não deverá ser usado o header do React Navigation.

Acceleration

No header deve conter também a foto do usuário.
Ao clicar na foto do usuário o mesmo deve ser redirecionado para a página de perfil. O botão da imagem do usuário deve conter a classe user-image-btn

Modal

Ao clicar em uma aceleração da listagem deve-se abrir um modal com as informações da aceleração. O botão para abrir a aceleração deve conter a classe acceleration-item-btn
Deve ter um botão para fechar o modal. O botão para fechar o modal deve conter a classe close-modal-btn
O modal deve poder ser fechado quando o usuário clicar no botão de "voltar" do Android.

Exemplo

Rodando a aplicação

Na primeira execução rodar o comando:

npm run android

Para rodar a aplicação: