Публикации по теме 'react-navigation'
React Native: React Navigation
Мы погрузимся в React Navigation и исследуем, как создавать приложения с вкладками, стеком, навигаторами ящиков и их комбинациями.
В последнем посте мы рассмотрели React Native и создали наше первое приложение. Сегодня мы собираемся перейти от одноэкранного приложения к многоэкранному с помощью навигаторов.
Что такое навигаторы?
Навигаторы позволяют определять структуру вашего приложения. С помощью маршрутов и сцен (или в данном случае экранов) они настраивают способ отображения..
Маршрутизация веб-URL и удаление ссылок для приложений React-Native с использованием React-Navigation
Приложение Sportsbet для iOS и веб-сайт созданы на основе одной и той же кодовой базы. Наша компания создает продукты и функции для наших клиентов, которые реализуются для обеих этих платформ одной и той же командой разработчиков.
Мы разделяем весь наш код, кроме пользовательского интерфейса - эта часть реализована независимо как react-dom и react-native. Из этого общего кода у нас есть логика того, как должен вести себя конкретный маршрут, а именно, при одном и том же веб-URL..
Я впервые реализовал маршрутизатор в React Native.
React Navigation — это библиотека, которую я использовал для маршрутизации в своем первом приложении React Native.
Веб-браузеры используют историю сеансов всякий раз, когда пользователь переходит с одной страницы на другую. Эти истории могут быть изменены и обработаны позже с помощью таких методов, как go(), forward() и back() и т. д.
Поскольку React Native не является веб-приложением, у нас может не быть концепции истории сеансов или стека истории, поскольку приложение не..
Полное руководство по React Native Navigation
Каждому хорошему приложению нужен хороший навигатор. Как и в путешествии по пересеченной местности, хороший навигатор ведет нас с места на место в нашем приложении, гарантируя, что мы попадем в то место, куда хотим. Плохой навигатор ведет нас… ну, куда навигатор хочет. Мы расстраиваемся и закрываем приложение, снижая вовлеченность пользователей.
Я уверен, что все мы помним ранние дни Android, когда использование кнопки «Назад» могло привести вас к… предыдущему экрану, меню навигации,..
Результаты обновления React Navigation с 4.x до 5.x (Часть 2)
В статье Результаты обновления React Navigation с 4.x до 5.x (Часть 1) я объяснил несколько результатов, полученных нашей командой при обновлении React Navigation с 4.x до 5.x. В этой части-2 я поделюсь еще несколькими выводами.
getParam:
До React navigation 4.x мы использовали getParam для установки резервного значения параметра всякий раз, когда параметр равен undefined . Например:
Если params равен undefined , это не удается. Чтобы избавиться от этого, мы использовали..
Задание №1 по анимации React Native
После того, как я опубликовал свою библиотеку react-navigation-fluid-transitions чуть больше месяца назад, я искал повсюду в таких местах, как Dribbble и Medium , чтобы увидеть, чего можно достичь в React Native с помощью Библиотека жидких переходов. Я получил много отличных отзывов, особенно после того, как написал статью о библиотеке, но ни один из созданных мною примеров не содержал ничего сложного и интересного - только простые переходы.
Так что мне понадобился вызов, чтобы..
Процесс авторизации React Navigation
React Navigation — популярная библиотека для создания навигации в приложении React Native. Поток авторизации относится к процессу проверки того, что пользователю разрешен доступ к определенным ресурсам или выполнение определенных действий в приложении.
В контексте React Navigation поток авторизации может включать проверку того, что пользователь вошел в систему или имеет соответствующие разрешения, прежде чем разрешить ему доступ к определенным экранам или функциям приложения. Это..
