Установка Expo в Visual Studio Code
Terminal > New Terminal
npm i -g expo-cli
npm пакетный менеджер
i install или инстализация
-g установка фреймворка Expo глобально на компьютер
Создание проекта в EXPO
expo init [NAME]
cd f:\path переход к папке, в которой создаётся проект на основе EXPO
init инициализация проекта
[NAME] имя проекта
шаблон для проектаblank Read More пустой проект Read Lessblank(TypeScript) Read More проект на основе TypeScript Read Lesstabs (TypeScript) Read More проект на основе TypeScript Read Lessустановка всех библиотек Read More которые объявлены в package.json Read Lessnpm installзапуск проектаnpm start Read More запустить проект полностью Read Lessnpm run android Read More запустить проект на android Read Less
npm run ios
npm run web
Состав Проекта
App.js
import React from ‘react’;
import {Text,View} from ‘react-native’;
export default function App() {
return (
<View>
<Text>Hello World!</Text>
</View>
);
}
— подключаем классы, компоненты (Text,View) из react-native
— функция App описывает отображение
Assets Read More папка хранит img файлы (иконки, шрифты и т.д.) Read Less
node_modules Read More содержит все пакеты для проекта Read Less
.gitignore Read More содержит файлы, которые будут проигнорированы, если проект погружается в репозиторий Read Less
App.json Read More описывает характеристики, относительно вашего проекта (имя,версия,ориентация) Read Less
package-lock.json Read More описание зависимостей в проекте Read Less