react router navigation

Реактивная маршрута навигация

Этот проект больше не поддерживается ... иди посмотреть на react-navigation

react-router-navigation предоставляет инструменты для навигации между несколькими экранами с навигаторами или видами вкладок. Эта библиотека основана на react-router , react-navigation и react-native-tab-view .

Основные моменты

• Просто дополнение к react-router
• Декларативная композиция
• Позвольте вам вызовать переходы в любом месте вашего кода с простыми компонентами
• Динамическая маршрутизация
• URL -ориентированная разработка
• Простое в использовании навигационное решение с использованием react-navigation
• Поддержка стержней с использованием react-native-tab-view
• Кроссплатформный (iOS, Android и Web)
• Поддержка глубокого связывания первого класса
• Вложенные навигаторы
• Полностью проверенный и строговый
• Поддержка TypeScript

? Демо

• Минимальное нативное приложение
• Приложение для нативного мира реального мира
• Polaris Web App ➡ Посмотрите!

Как использовать

Установить как зависимость проекта:

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

Теперь вы можете использовать навигацию по маршрутизаторам React для навигации между вашим экраном:

Гид

Чтобы узнать, как работает библиотека, отправляйтесь в это введение, написанное @CharlesMangwa: тысячи способов ориентироваться в React-National

Док

• <Navigation /> обрабатывает переход между различными сценами в вашем приложении.
• <Tabs /> Упростить изучение и переключение между разными представлениями.
• <BottomNavigation /> Упрощает изучение и переключение между видами верхнего уровня в одном кране.
• Отлично работает с Native Web React. Начиная
• И некоторые советы по производительности

? Способствовать

Хотите взломать react-router-navigation ? Потрясающий! Мы приветствуем вклад от всех и всех.

1. Разветвляй этот хранилище в своей собственной учетной записи GitHub, а затем клонируйте его на местное устройство
2. Установить зависимости с использованием пряжи: yarn
3. Убедитесь, что тесты проходят с помощью yarn test
4. Отправить запрос на привлечение?

Не забудьте добавить тесты для вашего изменения, если это возможно. ️

Вопросы

Если у вас есть какие -либо вопросы, не стесняйтесь связываться в Twitter @Leo_lebras или откройте проблему.

? Спасибо

react-router-navigation основан на React Router. Спасибо Райану Флоренс @ryanflorence, Майклу Джексону @mjackson и всем участникам за их работу над react-router и history .

Особая благодарность @ericvicenti, @skevy, @satya164 и @grabbou за их работу над react-navigation и @Satya164 за его работу над react-native-tab-view .