Adresse du didacticiel: https://reactnavigation.org/docs/tab-based-navigation/
Assurez-vous d'abord que ReactNative> = 0,6,
1. Installer le noyau React-Navigation
fil ajouter @ react-navigation / native
2. Installer la navigation d'autres dépendances
fil ajouter React-Native-Réanimé React-Native-Gesture Handler React-Native-Screen React-Native-Safe-Area-Context @ React-Native-Community / Masked-View
3. Installez le composant de navigation de l'étiquette inférieure
fil ajouter @ react-navigation / onglets inférieurs
4. Nettoyez le cache des fichiers source compilés après l'installation du composant (fonctionnement normal)
# Dans le répertoire du projet
cd Android
. / Gradlew Clean
Le composant de navigation inférieur est installé conformément à la documentation de react-navigation. . .
Méthode d'installation de l'environnement à l'aide d'icônes:
1. Installez le composant react-native-vector-icons
fil ajouter des icônes vectorielles natives réactives --dev
2. Étant donné que je suis un environnement de développement Android, je dois enregistrer des composants Android
Modifiez android/app/build.gradle
(pas android/build.gradle
) le fichier pour ajouter une ligne:
appliquer à partir de: " ../../node_modules/react-native-vector-icons/fonts.gradle "