Sommaire

Plus loin avec la navigation

Pour clôturer ce chapitre, allons un peu plus loin dans la navigation en ajoutant la possibilité de créer et de modifier des contacts. Cela nous donnera l’occasion d’une part de voir comment afficher des fenêtres modales (ou simplement modales) avec React Navigation, et d’autre part de réfléchir au meilleur moyen de faire travailler Redux et React Navigation ensemble. Fenêtre modale

Les modifications effectuées dans cette section sont importantes bien qu’une grande partie n’apporte pas de nouveautés aux notions que nous avons vues, c’est pourquoi je ne mettrai ici que quelques bouts de code ciblés.

Je vous encourage à vous référer aux exemples téléchargeables accompagnant le livre si vous souhaitez voir l’ensemble du code source final de l’application.

1. Une modale pour l’édition d’un contact

Pour commencer, voyons déjà ce que l’on entend par « modale ». Jusqu’ici, la navigation que nous avons vue n’était composée que d’écrans s’affichant les uns à la suite des autres (seulement deux en l’occurrence), avec la possibilité de revenir en arrière. Pour React Navigation, une modale est différente dans la mesure où il s’agit d’un écran pouvant être affiché à n’importe quelle étape du flow de navigation. Sur le plan expérience ...