Отреагировать Native Template Nativego
Nativego React Native Template для быстрого начала.
➡ зависимости
npx react-native init <APPLICATION_NAME> --template react-native-template-nativego
Примечание на устаревшем CLI
Кажется, есть довольно путаница в отношении наследия CLI. Этот шаблон работает только с новым CLI. Убедитесь, что вы сначала удалили унаследованную реакцию-клин-клик (npm uninstall -g React-native-cli), чтобы приведенная ниже команда для работы. Если вы хотите не использовать NPX, вы также можете установить новый CLI по всему миру (NPM I -G @React-Community/CLI или YARN Global Add @React-Native-Community/CLI).
Дополнительную информацию можно найти здесь: https://github.com/react-native-community/cli#about
️ зависимости
- @gorhom/bottom-sheet
- @@ React-native-sync-storage/async-storage
- @React-C-Community/DateTimepicker
- @React-Com-Community/Hooks
- @React-Com-Community/Masked-View
- @React-navigation/native
- @React-Navigation/Stack
- мгновенный
- типы пропора
- Реактивно-анимированные номера
- Реактивно-конфиг
- реагируя-модушные грудь
- Реактивно-точный-логгер
- Реактивно-родной-Геста-Хандлер
- React-Keyboard-Aware-Scroll-View
- Реактивно-младший текст
- Реактивно-модальный пикер
- Реактивно-коренные программы
- реагируют-реанимированные
- Реактивно-известный, безопасный контекст
- Реактивные экраны
- React-Con-Vector-Icons
? Структура файла:
SRC/
Все файлы находятся в этом базовом компоненте.
API/
Эта папка содержит логику, связанную с внешними сообщениями API, включает в себя:
- Endpoints.js - где хранятся все необходимые статические значения.
- helper.js - для хранения многоразовой логики.
- Отдельные файлы функций - каждый файл функций содержит логику связи API для конкретной функции.
ресурсы/
Как следует из названия, в приложении находится статические файлы (например, изображения).
- активы/шрифты: содержит пользовательские шрифты, которые используют
- активы/изображения: содержит изображения, которые используют
- активы/JSON: содержит JSON, которые используют
- Assets/Lottie: содержит Lottie, которые используют
Redux/
Это содержит все файлы Redux, если вы используете React-Redux для управления состоянием. В папке Redux у вас есть действия, редукторы, хранить, которые могут легко управлять вашими файлами Redux.
- Redux/Действия: все файлы действий, которые используются вокруг Redux, идут здесь.
- Redux/Reducers: все редукторы, которые используются вокруг Redux, идут сюда.
- Redux/Store: Вы можете поместить свой магазин в эту папку Redux Store.
компоненты/
Общие компоненты, используемые по функциям, размещаются в этом каталоге. Примером такого (как показано выше) является компонент макета, который используется для обертывания компонентов приложения и определения его общего макета.
- Компоненты/оповещение: это содержит предупреждение и подтверждение
- Компоненты/Фон: базовый класс и индивидуальный просмотр клавиатуры для экранов.
- Компоненты/Кнопка: общая кнопка.
- Компоненты/перечисление: содержит перечисления.
- Компоненты/flatlistitem: содержать элементы списка.
- Компоненты/Ввод: содержат несколько типов текстовых выпусков.
- Компоненты/Modal: содержать выпадающий модал для InputDroddown и модальный контейнер.
- Компоненты/предварительную загрузку: содержать индикатор прогресса и индикатор загрузки.
экраны/
Вы можете поместить здесь все компоненты на основе экрана (например, Splashcreen, Homescreen).
навигация/
Вы проектируете базовую навигацию здесь. Вы можете создать навигатор стека и экспортировать его в свое приложение.
стили/
Если у вас есть глобальные стили, определенные в вашем проекте, вы можете поместить его здесь, как цвета, стили шрифтов, такие как вещи.
утилиты/
Вы можете поместить здесь файлы UTILS.
- Утилиты/контекст/тема: это включает в себя темный и легкий контекст темы.
- Утилиты/функции/формат: эта папка включает в себя три наиболее полезной функции CurrencyFormat, DecimalFormat, DateFormat.
- Утилиты/функции/журналы: это включает в себя функцию журнала, которую вы можете использовать для регистрации сообщения либо в качестве console.log, либо записать в файл.
- Утилиты/функции/валидация: эта папка включает в себя три наиболее полезной функции Validatemail, ValidatePassword.
