создайте первое приложение с помощью React Native
Введение
React Native — это среда JavaScript для создания мобильных приложений, работающих на устройствах iOS и Android. Он использует тот же дизайн, что и React, что позволяет разработчикам создавать мобильное приложение с использованием знакомой структуры на основе компонентов. React Native использует нативные компоненты, а это означает, что приложение будет иметь более нативный внешний вид и будет работать лучше, чем чисто веб-приложение. Кроме того, React Native позволяет повторно использовать код между iOS и Android, что делает разработку быстрее и эффективнее.
Настройка среды разработки
Выполните следующую команду, чтобы создать новый проект React Native с именем «myApp»:
npx create-expo-app myApp
После этого вам нужно запустить следующую команду для запуска вашего проекта.
cd myApp npx expo start
Запуск вашего приложения React Native
Подключитесь к той же беспроводной сети, что и ваш компьютер, и загрузите приложение Expo Go на свое устройство iOS или Android. Используйте приложение Expo Go для Android, чтобы открыть свой проект, отсканировав QR-код со своего терминала. Используйте встроенный в приложение iOS Camera сканер QR-кода.
Изменение вашего приложения
Давайте изменим приложение теперь, когда вы успешно его запустили. Отредактируйте несколько строк в выбранном вами текстовом редакторе, открыв App.tsx. После сохранения изменений приложение должно автоматически обновиться.
Вуаля!
Поздравляем! Вы успешно запустили и изменили свое первое приложение React Native.
Для получения более подробной информации вы можете проверить документацию React Native здесь.
Запустите его в Интернете.
Прежде чем вы сможете запустить свое приложение в Интернете, вы должны сначала установить Expo Globally, выполнив эту команду.
npm i -g expo-cli
После этого вы можете перейти в свой проект и выполнить эту команду:
npm run web
Если вы столкнулись с этой ошибкой,
Вы должны установить некоторые другие зависимости только с помощью этой командной строки:
npx expo install react-native-web@~0.18.9 [email protected] @expo/webpack-config@^0.17.2
Позже вам нужно будет снова запустить npm run web, и все должно заработать.
Заключение
В заключение, React Native — это мощная и гибкая среда для создания мобильных приложений, работающих как на iOS, так и на Android.
Используя те же принципы проектирования, что и в React, разработчики могут быстро и легко создать мобильное приложение, используя знакомую структуру на основе компонентов.
Благодаря возможности использовать нативные компоненты приложение будет иметь более естественный внешний вид и работать лучше, чем чисто веб-приложение.
Кроме того, повторное использование кода между iOS и Android делает разработку быстрее и эффективнее. Неудивительно, что React Native с его многочисленными преимуществами становится популярным выбором для разработки мобильных приложений.