«React Native» не является нативным приложением. Программа, написанная «React Native», компилируется Android Studio, прежде чем стать нативным приложением; модель разработки нативного приложения написана с использованием синтаксиса jsx реакции, а «React Native» — кроссплатформенная мобильная платформа. Платформа разработки приложений является производной от более ранней JS-инфраструктуры Facebook React с открытым исходным кодом на собственной платформе мобильных приложений. Она поддерживает две основные платформы iOS и Android.
Операционная среда этого руководства: система Windows 10, версия 17.0.1, компьютер Dell G3.
Программа, написанная с помощью реакции Native, становится нативным приложением после компиляции Android Studio. Ее режим разработки написан с использованием синтаксиса jsx реакции, особенно при написании интерфейса, написании структуры страницы/написании js/написании синтаксиса, похожего на css, но не на css. , их можно преобразовать в письменные компоненты страницы.
React Native (сокращенно RN) — это кроссплатформенная среда разработки мобильных приложений, исходный код которой был открыт Facebook в апреле 2015 года. Это производная от более ранней JS-инфраструктуры Facebook с открытым исходным кодом React на собственной платформе мобильных приложений. Она поддерживает две основные платформы. iOS и Андроид. RN использует язык Javascript, JSX, аналогичный HTML, и CSS для разработки мобильных приложений, поэтому технические специалисты, знакомые с разработкой веб-интерфейса, могут войти в область разработки мобильных приложений с минимальным обучением.
Расширьте свои знания:
JSX — это формат, сочетающий в себе Javascript и XML. React изобрел JSX, используя синтаксис HTML для создания виртуального DOM. Когда встречается <, JSX анализируется как HTML, а когда встречается {, он анализируется как JavaScript.
Программа, написанная с помощью реакции Native, становится нативным приложением после компиляции Android Studio. Ее режим разработки написан с использованием синтаксиса jsx реакции, особенно при написании интерфейса, написании структуры страницы/написании js/написании синтаксиса, похожего на css, но не на css. , их можно преобразовать в письменные компоненты страницы.
React Native также играет с компонентами. В среде node и npm вы можете создать собственный проект React. Его зависимости также берутся из node_modules.json также является списком установок плагинов. React Native — это собственная программа, не требующая использования веб-пакета. Но настройка сред jdk и andoird, а также загрузка соответствующих ресурсов/использование соответствующих инструментов интеграции необходимы.
Базовая структура и синтаксис React Native
index.js
приложение.js
// Обычно в app.js пишутся маршруты верхнего уровня. Здесь вы можете создать схему маршрутизации верхнего уровня. Этот файл app.js установлен в index.html. Таким образом, этот компонент будет визуализирован в начале, после чего будет представлен и использован каждый подкомпонент. Каждый компонент сначала вводит ресурсы реагирования или вводит свои собственные компоненты. Каждый компонент загружается через класс экспорта по умолчанию, который есть в этом классе. конструкторы, функции-члены и функции рендеринга. В собственном ресурсе реакции также есть объект StyleSheet. Этот объект специально используется для написания стилей компонентов.
В конструкторе есть состояние. Это состояние называется состоянием и используется для управления состоянием компонента. Здесь атрибуты состояния устанавливаются в состоянии, и с помощью атрибутов состояния можно выполнять множество гибких операций. Функции-члены могут работать с этими свойствами состояния, установленными в конструкторе. Функция рендеринга — render. В этой функции вы можете сослаться на компонент импортированного ресурса и написать более крупный компонент. Вот как нативный компонент грубой реакции завершает свое дело. Код можно написать в соответствии с вашими потребностями и синтаксисом официальных документов.