Skip to content

Latest commit

 

History

History
26 lines (16 loc) · 916 Bytes

README.md

File metadata and controls

26 lines (16 loc) · 916 Bytes

Navigation React Native

Création de deux écrans :

  • Le premier contient une image.
  • Le second contient un texte.

Utilisation d'une tab navigation pour passer d’un écran à l’autre. Utilisation de React-Native-Vector-Icons pour personnaliser les icones de la tab navigation

Prise en compte de la différence d’icone entre Android et IOS.


https://reactnative.dev/docs/navigation#react-navigation => le Tab navigation est visible tout en bas de la page et nous amène sur : https://reactnavigation.org/docs/tab-based-navigation/

installation :

$ npm install @react-navigation/native @react-navigation/native-stack
$ expo install react-native-screens react-native-safe-area-context
$ npm install @react-navigation/bottom-tabs

Les icônes : https://github.com/oblador/react-native-vector-icons

$ npm i react-native-vector-icons

Choix des icônes : https://ionic.io/ionicons