react router navigation

Navigação de reagir-router

Este projeto não é mais mantido ... vá ver react-navigation

react-router-navigation fornece ferramentas para navegar entre várias telas com navegadores ou visualizações de guia. Esta biblioteca é baseada em react-router , react-navigation e react-native-tab-view .

Destaques

• Apenas um complemento para o react-router
• Composibilidade declarativa
• Permita que você ligue para transições em qualquer lugar do seu código com componentes simples
• Roteamento dinâmico
• Desenvolvimento orientado por URL
• Solução de navegação fácil de usar usando react-navigation
• Suporte à barra de guias usando react-native-tab-view
• Plataforma cruzada (iOS, Android e Web)
• Suporte de vinculação profunda de primeira classe
• Navegadores aninhados
• Totalmente testado e estritamente tado
• Suporte TypeScript

? Demos

• App nativo mínimo
• Aplicativo nativo do mundo real
• App Polaris Web ➡️ Veja!

Como usar

Instale como dependência do projeto:

$ yarn add react-router react-router-native react-router-navigation

Agora você pode usar a navegação do roteador React para navegar entre suas telas:

Guia

Para saber como a biblioteca funciona, vá para esta introdução escrita por @CharlesMangwa: Mil Ways to Sweet in React-native

Documentos

• <Navigation /> lida com a transição entre diferentes cenas em seu aplicativo.
• <Tabs /> facilite a exploração e a alternância entre vistas diferentes.
• <BottomNavigation /> facilite a exploração e a alternância entre as vistas de nível superior em um único toque.
• Funciona muito bem com a Web nativa React. Começando
• E algumas dicas de desempenho

? Contribuir

Deseja invadir react-router-navigation ? Incrível! Congratulamo -nos com contribuições de todos e todos.

1. Bire este repositório para sua própria conta do GitHub e clone -a ao seu dispositivo local
2. Instale dependências usando fios: yarn
3. Verifique se os testes estão passando usando yarn test
4. Enviar um pedido de tração?

Lembre -se de adicionar testes para sua alteração, se possível. ️

Questões

Se você tiver alguma dúvida, sinta -se à vontade para entrar em contato no Twitter @Leo_Lebras ou abrir um problema.

? Obrigado

react-router-navigation é baseado no roteador React. Graças a Ryan Florence @RyAnflorence, Michael Jackson @Mackson e todos os colaboradores do seu trabalho no react-router e history .

Agradecimentos especiais a @ericvicenti, @skevy, @satya164 e @grabbou por seu trabalho sobre react-navigation e @Satya164 por seu trabalho no react-native-tab-view .