Это руководство для людей, которые имеют опыт работы с React JS и впервые пытаются что-то создать на React Native. Этот пост является вторым в этой серии, и вы можете найти первый здесь: https://medium.com/@mintholic1/things-to-consider-when-you-build-your-first-react-native- приложение-1-expo-cli-vs-react-native-cli-dc9fa3a4c82
После того, как вы решите, с какой средой разработки вы будете работать (Expo CLI против React Native CLI) и пройдете начальную настройку, самым большим препятствием, с которым вы столкнетесь, вероятно, будет проблема с навигацией. Навигация в React Native - одна из тех вещей, которые больше всего отличаются от React JS. И React, и React Native используют довольно простые методы для маршрутизации / навигации, если вы не собираетесь создавать сверхбольшой и сложный проект, но навигация React Native может быть немного сложной для первых таймеров, потому что вы действительно можете выбрать, с каким npm вы будете работать. с и в зависимости от того, какой из них вы выберете, все может стать немного сложнее.
Если вы посмотрите официальную документацию React Native (https://reactnative.dev/docs/navigation#react-navigation), предоставленную Facebook, создателем React Native, она дает вам два варианта навигации npms. . Как указано в документации, если вы никогда раньше не работали с React Native, вам, вероятно, было бы намного проще использовать react-navigation / native. Хотя это не дает вам более сложных и стильных родных приложений. 'выглядеть как' react-native-navigation '', react-navigation работает хорошо, и если вы используете его достаточно хорошо, простота делает его профессиональным. Небольшое предупреждение, которое я должен сделать вам, прежде чем вы выберете один пакет вместо другого, заключается в том, что если вы интегрируете React Native в приложение, которое уже изначально управляет навигацией, вы должны использовать `` response-native-navigation ''. Кроме того, поскольку response-native -navigation обеспечивает встроенную навигацию, в конечном итоге вам может потребоваться написать некоторый собственный код здесь и там (хотя не похоже, что у вас должны быть обширные знания о них).
Поскольку в своем последнем проекте я использовал реагирующую навигацию, я расскажу об этом немного подробнее. React-navigation предоставляет вам два варианта стиля навигации: навигацию по стеку и навигацию с вкладками, а наиболее распространенным методом навигации является навигация по стеку. Как следует из названия, вы настраиваете начальный маршрут (целевая страница, которую пользователи увидят, когда впервые откроют приложение), и складываете каждый последующий экран поверх него. Хорошо то, что даже если каждый из экранов или страниц в приложении сложен, вы можете легко переходить с одного экрана на любой другой, настроив действие TouchableOpacity (нажатие кнопки). Его очень легко использовать даже для новичков, и вы можете найти руководство по настройке и использованию в официальной документации (https://reactnative.dev/docs/navigation#react-navigation)
