.svg)
Chapitre 4 - Interactions et navigation
Dans ce chapitre, vous apprendrez à créer une navigation multipage dans votre application à l'aide de composants interactifs. Il s'agit notamment de créer une nouvelle page et de mettre en place un bouton qui, lorsqu'il est cliqué, permet à l'utilisateur de naviguer vers cette nouvelle page.
5 min
Ce que vous apprendrez
- Comment créer une nouvelle page dans votre projet.
- Comment ajouter un bouton sur lequel les utilisateurs peuvent cliquer pour déclencher la navigation.
- Comment utiliser la logique FlowButton pour gérer des actions en coulisses.
- Comment configurer le composant d'action "Naviguer" pour qu'il renvoie à la page souhaitée.
Aperçu du processus
- Créer une nouvelle page
- Dans votre projet, ajoutez une nouvelle page où vous souhaitez que les utilisateurs soient redirigés.
- Ajouter un bouton à votre page existante
- Faites glisser et déposez un composant Bouton sur votre écran principal. Il servira de déclencheur de navigation.
- Utiliser l'onglet FlowButton
- Lorsque le bouton est ajouté, un nouvel onglet FlowButton apparaît (par exemple, flowButton1).
- Configurer la logique de navigation
- Allez dans l'onglet FlowButton.
- Faites glisser et déposez le composant "Naviguer" de la section Actions.
- Configurez-le pour qu'il pointe vers la nouvelle page que vous avez créée.
- Prévisualisation de l'application
- Cliquez sur Aperçu.
- Essayez de cliquer sur le bouton - vous devriez être redirigé vers la nouvelle page en douceur.
.svg)