REACTE METLEME NATIVO NATIVO
O nativo é reagir modelo nativo para um início rápido.
➡️ Dependências
npx react-native init <APPLICATION_NAME> --template react-native-template-nativego
Nota sobre o Legacy CLI
Parece haver bastante confusão sobre a cli legado. Este modelo funciona apenas com a nova CLI. Certifique-se de desinstalar o Legacy React-nativo-cli (NPM Uninstall -g React-native-cli), para que o comando abaixo funcione. Se você deseja não usar o NPX, também pode instalar a nova CLI globalmente (npm i -g @react-native-comunity/cli ou yarn global add @react-native-comunity/cli).
Mais informações podem ser encontradas aqui: https://github.com/react-native-community/cli#about
️ Dependências
- @gorhom/folha inferior
- @@ react-native-async-storage/async-storage
- @react-native-comunity/dateTimepicker
- @react-native-comunity/ganchos
- @react-native-comunity/masked-view
- @React-Navigigation/Native
- @React-Navigigation/Stack
- momento
- Tipos Prop
- Número de animação reagl-nativo
- React-native-Config
- React-native-Easy Trot
- React-native-file-Logger
- Manista de gesto-gesto de reação
- React-native-teclado-scroll-view
- Texto-masked react-nativo
- React-native-modal-DateTime-Picker
- React-nativo-progresso
- React-nativo reanimado
- React-native-segue-area-Context
- SCREENS DE REACT-NATIVA
- React-nativo-vetor-icons
? Estrutura de arquivo:
src/
Todos os arquivos estão dentro deste componente base.
API/
Esta pasta contém lógica relacionada às comunicações externas da API, inclui:
- endpoints.js - onde todos os valores estáticos necessários são armazenados.
- Helper.js - Para armazenar lógica reutilizável.
- Arquivos de recursos individuais - Cada arquivo de recurso contém lógica de comunicação da API para um recurso específico.
ativos/
Assim como o nome indica, isso abriga arquivos estáticos (por exemplo, imagens) usadas no aplicativo.
- ativos/fontes: contém as fontes personalizadas que estão usando
- ativos/imagens: contém as imagens que estão usando
- ativos/json: contém o json que está usando
- ativos/lottie: contém a lottie que está usando
Redux/
Isso contém todos os arquivos Redux se você estiver usando o React-Redux para gerenciar o estado. Pasta Redux Inside você tem ações, redutores, armazenamento, que podem gerenciar facilmente seus arquivos Redux.
- Redux/Ações: Todos os arquivos de ação que estão usando o Redux vão aqui.
- Redux/Redutores: Todos os redutores que estão usando o Redux vão aqui.
- Redux/Store: Você pode colocar sua loja dentro desta pasta Redux Store.
componentes/
Os componentes compartilhados usados entre os recursos são colocados neste diretório. Um exemplo disso (como mostrado acima) é o componente de layout, que é usado para envolver os componentes do aplicativo e determinar seu layout geral.
- componentes/alerta: isso contém o alerta e o confirmacional
- Componentes/plano de fundo: classe base e visualização atendida do teclado personalizado para telas.
- Componentes/botão: botão comum.
- Componentes/enum: contêm enums.
- Componentes/FlatlistItem: contém os itens da lista.
- Componentes/entrada: contém os vários tipos de textinputs.
- Componentes/modal: contém o modal suspenso para InputDropdown e contêiner modal.
- Componentes/pré -carregador: contém o indicador de progresso e o indicador de carregamento.
telas/
Você pode colocar todos os componentes baseados em tela aqui dentro (por exemplo - tela splashscreen, tela inicial).
navegação/
Você projeta a navegação base vai aqui. Você pode criar o pilhas de navegação e exportá -lo para o seu aplicativo.
estilos/
Se você tiver estilos globais definidos em seu projeto, pode colocá -lo aqui como cores, estilos de fonte como coisas.
utilitários/
Você pode colocar os arquivos Utils aqui.
- Utilitários/contexto/tema: isso inclui contexto de tema sombrio e claro.
- Utilitários/Funções/Formato: Esta pasta inclui três funcionários mais úteis da moeda de função, DecimalFormat, DateFormat.
- utilitários/funções/logs: isso inclui a função de log que você pode usar para registrar a mensagem como console.log ou gravar em um arquivo.
- Utilitários/Funções/Validação: Esta pasta inclui três valides de função mais úteis, ValidePassword.
