Aller au contenu principal


Réact Native

React-native est une plateforme pour le développement,  en JavaScript, d'applications pour Android ou IOS. Elle fournit l'ensemble de composants de base comme View, Text, et Image à la création de l'interface utilisateur.

La maîtrise du langage JavaScript (par exemple : syntaxe des fonctions fléchées) dans ses versions récentes (min ES6) est indispensable pour comprendre le code des applications.

Accès à la documentation officielle de React-native.
Accès à un tutoriel sur JavaScript.

Billet créé le :
22 juin 2022
Dernière MAJ :
05 fév 2024

Mise en place et démarrage :

D'après la documentation https://reactnative.dev/docs/environment-setup,

  1. dans un 1er  terminal (de préférence en mode administrateur), lancer le serveur "Metro" en saisissant, à partir du dossier du projet soit : 

    1. npx react-native start 

    2.  npx react-native start --experimental-debugger   

  2. si nécessaire, lancer "Android studio" pour créer un émulateur de smartphone (par exemple "pixel 7") ;

  3. dans un 2nd terminal de commande, toujours depuis le dossier du projet, lancer "npx react-native run-android" (qui compile l'application et lance son exécution sur l'émulateur Android connecté)

L'étape 1 précédente se traduit par l'écran 1 de l'image ci-dessous, l'étape 3 en produit les écrans 2 et 3. L'écran 3 montre l'émulateur "Pixel7" affichant l'écran d'accueil de l'application par défaut créée lors de l'installation par la commande "npx react-native@latest init myproject".

Cliquer pour agrandir l'image

Vérification de l'installation : 

Dans le 2nd terminal, toujours depuis le dossier du projet, exécuter la commande : "npx react-native doctor"

Comme le montre l'image ci-dessous, vous obtenez un état de votre installation.

Cliquez pour agrandir l'image

Mise à jour :

Pour effectuer une mise à niveau de react-native :

npm install react-native@0.73.3

 

 

Création des apk :

Dans le terminal de commande, se placer dans le dossier "myproject/android", lancer ./gradlew assembleRelease.
Il pourra être nécessaire de faire une ./gradlew clean.

L'apk est créée dans le dossier android/app/build/outputs/apk/release (voir la date et l'heure de génération du fichier).