Как разработчики React Native, я думаю, что все мы знакомы с этими важными библиотеками из сообщества react-native-community, а также с другими новаторскими, такими как React Navigation и Reanimated.
На самом деле, есть и более мелкие участники, и их работа заслуживает упоминания. Я хотел бы поделиться 5 замечательными библиотеками, которые я нашел, и, надеюсь, они будут полезны в вашем проекте.
1. горхом / нижний лист
Это, безусловно, лучшая библиотека нижних листов, которую я когда-либо пробовал. Он объединил бесшовную анимацию и жесты из reanimated-bottom-sheet и функцию прокрутки из react-native-scroll-bottom-sheet в одну родную библиотеку производительности.
Нижние листы монтируются через портал, который ссылается на обычную практику создания оверлейного контента в веб-разработке. Концепция похожа на React Portals.
Он также может интегрироваться с React Navigation, которая имитирует поведение собственного модального стека iOS. Настройка просто оборачивает навигатор стека нижним листом. Пользовательский навигатор не требуется. Это открывает больше творческой свободы при реализации модального стека.
Обратной стороной будет раздражающая клавиатура, позволяющая избежать проблем с просмотром. Вокруг него есть несовершенные хаки, и владелец пытается решить его в v3, для чего требуется Reanimated v2. Если вы не планируете использовать поля для ввода внутри нижних листов, это будет прогулка по парку.
2. реагировать-родной-уведомитель
Эта библиотека напоминает мне уведомления Instagram в приложении. Мне нравится аккуратный дизайн, не говоря уже об интеграции с обработчиком жестов. Кроме того, его можно полностью настроить.
Также есть режим очереди, в котором вы можете выстраивать несколько уведомлений и переходить по ним.
Вы можете имитировать нативные push-уведомления. Все должны найти интерфейс знакомым и интуитивно понятным.
3. React-native-render-html.
Эта библиотека напоминает мне Ionic. Основная идея состоит в том, что вы сопоставляете теги HTML с соответствующими компонентами React Native. Вы даже можете иметь собственные теги и добавлять стили с классами.
Я бы сказал, что наибольший потенциал заключается в сочетании его с серверной службой, где вы можете использовать HTML-шаблоны для своего приложения React Native для рендеринга. Это особенно полезно для динамического контента, такого как рекламные акции или документы об отказе от ответственности.
4. реакция-родная-тактильная-обратная связь
Эта библиотека добавляет легкую обратную связь с пользователем. Небольшие взаимодействия, такие как звуки или вибрация, заставляют нас чувствовать себя «связанными» с приложением. Эта идея широко используется в игровом мире. Это не только звуковые эффекты игр, но и вибрация контроллеров.
iOS плавно реализовала тактильные функции в своей эко-системе, например, когда вы используете Apply Pay или подтверждаете загрузку приложения. Попробуйте добавить эту функцию в один из ваших пользовательских путешествий и оживите свое приложение.
junina-de / react-native-haptic-feedback
Сейчас реализация Android представляет собой небольшой шаблон Vibrate, похожий на« ощущение тактильной системы iOS… github.com »
5. реагировать на собственный анализ текста
Создание встроенной ссылки на какую-либо страницу, в отличие от того, как мы можем добавить встроенные теги a в HTML, требует больших усилий в React Native. Никогда не было возможности вкладывать компоненты в текст. Проблема становится еще более очевидной, когда ваше приложение использует интернализацию. Предложения могут иметь разную структуру в зависимости от языка. Вы не можете объединить компоненты и текст таким же образом.
Эта библиотека станет вашим спасителем. Вы можете использовать RegExp или предопределенные шаблоны для выделения отдельного текста. Затем вы можете добавить к ним стили и обработчики. Например, вы можете выбрать URL-адреса и добавить обработчик, чтобы открыть браузер.
Заключение
Реализовать библиотеки React Native довольно сложно, поскольку обычно приходится иметь дело с JavaScript и Native кодом с двух платформ. Очень признателен всем, кто предоставил эти библиотеки. И я бы хотел, чтобы они помогли вывести ваше приложение на новый уровень.
