Публикации по теме 'react-native'


React Родное многоязычное приложение
В этом посте я расскажу вам, как легко интегрировать многоязычную поддержку с React Native в ваше приложение. С библиотекой, которую я использую для этого, react-i18next и i18next Во-первых, создайте новый проект React Native. npx react-native init multiLanguage Давайте добавим пакеты в ваше новое приложение cd multiLanguage npm i react-i18next i18next Создайте новую папку в корневом каталоге, она называется «Переводы». и создайте файл index.js в папке «Переводы». После..
Исследование глубины новой архитектуры React Native: Hermes, JSI, Fabric, Yoga, Turbo Module…
React Native уже давно является популярной средой для создания кроссплатформенных мобильных приложений с использованием JavaScript. Его способность создавать плавные, производительные и аналогичные нативным приложениям как для iOS, так и для Android привлекла разработчиков по всему миру. Однако по мере развития мобильной среды должны меняться и инструменты, которые мы используем для создания приложений. В ответ на это React Native претерпел значительную архитектурную трансформацию,..
Скрипт React-Native Halloween с использованием RN Animated API
Давайте узнаем, как использовать React Native — анимированную библиотеку что будем строить… что тебе понадобится … create-react-native-app, nodejs и симулятор (либо ios, либо Android) От 30 минут до часа зависит от вашего знакомства с React и JS. исходный код код для этого здесь , вы можете найти изображения в папке /img Настройка Поскольку Expo берет на себя большую часть рутинной работы (например, создание и запуск на симуляторах iOS и Android), настройка довольно..
Модульное тестирование React Native с помощью Mocha и Enzyme
Работа в React Native была потрясающим опытом. Исходя из React, рабочий процесс был почти беспроблемным. Однако остался один вопрос: Как, черт возьми, я собираюсь это проверить? В частности, как лучше всего провести модульное тестирование логики моего компонента? Тестирование JavaScript, который компилируется в собственный код с помощью утилит тестирования на основе DOM, не работает. Я могу выполнять функциональное тестирование с помощью Appium или встроенных тестов Xcode UI..
Расширенный рефакторинг компонентов в React Native
Сегодня мы научимся рефакторить наш компонент на профессиональном уровне, пример будет простой, но вы можете применить логику и к своим более сложным компонентам, я уверен, что это сработает :) Компонент, который мы рефакторим, будет простым заголовком с двумя кнопками, которые выровнены в ряд, компонент будет таким, как показано ниже. Вот как мы собираемся реорганизовать этот компонент, как показано ниже. Чтобы использовать это внутри Header.tsx Это все от меня. Надеюсь,..
Трудности при работе над моим первым приложением с React Native
Настройка переменных среды, таких как Java, Kotlin, Android e Android SDK, а также программы Android Studio и настройка некоторых эмуляторов, может быть сложной задачей. Прохождение всех этих начальных настроек может незначительно отличаться в каждой операционной системе. В моем случае я использовал Linux, и это заняло значительное количество времени. Исправления ошибок Некоторые технические проблемы могут быть выявлены на протяжении всего проекта, например: Код: удаление..
Flutter VS React Native
Flutter, представленный Google в мае 2017 года, тогда как React Native был представлен Facebook немного в начале 2015 года, оба являются довольно хорошими фреймворками для создания кроссплатформенного мобильного приложения, но у обоих есть свои взлеты и падения 1. особенности В React Native не так много функций для разработки сборок, у нас есть пользовательский интерфейс. Рендеринг, что означает, что мы можем отображать графику на устройстве, у нас есть доступ к API..