Réagir le modèle natif nativego
NativeGo est réagi au modèle natif pour un démarrage rapide.
➡️ dépendances
npx react-native init <APPLICATION_NAME> --template react-native-template-nativego
Note sur la CLI héritée
Il semble y avoir une certaine confusion à propos de la CLI héritée. Ce modèle ne fonctionne qu'avec la nouvelle CLI. Assurez-vous que vous avez d'abord installé le héritage React-Native-CLI (NPM Uninstall -g React-Native-Cli), pour que la commande ci-dessous fonctionne. Si vous souhaitez ne pas utiliser NPX, vous pouvez également installer le nouveau CLI Globally (NPM I -G @ React-Native-Community / CLI ou Yarn Global Add @ React-Native-Community / CLI).
De plus amples informations peuvent être trouvées ici: https://github.com/react-native-community/cli#about
Distribu dépendances
- @ gorhom / feuille de fond
- @@ React-Native-async-Storage / Async-Storage
- @ react-native-Community / Datetimepicker
- @ react-natif-communautaire / crochets
- @ React-Native-Community / Masked-View
- @ react newavigation / natif
- @ react-navigation / pile
- moment
- types d'accessoires
- réactif-natif animé
- réagir-non-config
- réactif-natif-toast
- réactif-file-file
- réactif-natif-maître-main
- React-Native-Keyboard-Aware-Scroll-View
- textant réactif-natif
- réactif-natif-modal-datetime-picker
- réagir-natif-progression
- réactif-natif réanimé
- réactif-natif-safe-Areatext
- réactions-écran-écran
- Vector-Vector-Icons
? Structure de fichiers:
src /
Tous les fichiers sont à l'intérieur de ce composant de base.
api /
Ce dossier contient une logique liée aux communications API externes, il comprend:
- endpoint.js - où toutes les valeurs statiques requises sont stockées.
- helper.js - pour stocker la logique réutilisable.
- Fichiers de fonctionnalité individuels - Chaque fichier de fonctionnalité contient une logique de communication API pour une fonctionnalité particulière.
actifs/
Tout comme son nom l'indique, cela abrite des fichiers statiques (par exemple des images) utilisés dans l'application.
- actifs / polices: contient les polices personnalisées qui utilisent
- actifs / images: contient les images qui utilisent
- Assets / JSON: contient le JSON qui utilise
- Assets / Lottie: contient la lottie qui utilise
redux /
Cela contient tous les fichiers redux si vous utilisez React-Redux pour gérer l'état. À l'intérieur du dossier redux, vous avez des actions, des réducteurs, stockez qui peut facilement gérer vos fichiers redux.
- Redux / Actions: Tous les fichiers d'action qui utilisent autour de Redux vont ici.
- Redux / Réducteurs: Tous les réducteurs qui utilisent autour de Redux vont ici.
- Redux / Store: Vous pouvez mettre votre magasin à l'intérieur de ce dossier Redux Store.
composants /
Les composants partagés utilisés entre les fonctionnalités sont placés dans ce répertoire. Un exemple de tel (comme indiqué ci-dessus) est le composant de disposition, qui est utilisé pour envelopper les composants d'application et déterminer sa disposition globale.
- Composants / alerte: il contient l'alerte et la responsabilité de confirmation
- Composants / arrière-plan: classe de base et vue de connaissance du clavier personnalisé pour les écrans.
- Composants / bouton: bouton commun.
- Composants / énumération: contiennent des énumérations.
- Composants / FlatListItem: contiennent les éléments de la liste.
- Composants / entrée: contiennent plusieurs types de TextInputs.
- Composants / modal: contiennent le modal déroulant pour la Dropdown et le conteneur modal.
- Composants / Preloaders: contiennent l'indicateur de progression et l'indicateur de chargement.
écrans /
Vous pouvez vous mettre tous les composants basés sur l'écran à l'intérieur ici (par exemple - écran splash, écran d'accueil).
navigation/
Votre navigation de base de projet va ici. Vous pouvez créer Stack Navigator et l'exporter vers votre application.
styles /
Si vous avez des styles mondiaux définis dans votre projet, vous pouvez le mettre ici comme des couleurs, des styles de police comme des choses.
services publics /
Vous pouvez mettre des fichiers ULLS ici.
- Utilitaires / contexte / thème: cela inclut le contexte du thème sombre et léger.
- Utilitaires / fonctions / format: ce dossier comprend trois fonctions de fonction de fonction la plus utiles, Decimalformat, DateFormat.
- Utilitaires / fonctions / journaux: cela inclut la fonction de journal que vous pouvez utiliser pour enregistrer le message comme console.log ou écrire dans un fichier.
- Utilitaires / fonctions / validation: ce dossier inclut trois fonctions les plus utiles ValiderEmail, validepassword.
