Exercez-vous

1) Créez la page Note comme expliqué précédemment.

2) Créez la page Profile précédente et configurez là pour quelle soit dans le thème de l'application. Laissez libre cours à votre imagination en vous inspirant des composants Ionic : https://ionicframework.com/docs/components

Corrigez les bugs éventuels.

Ajustez les fichiers src/app/app.component.ts et src/app/app.component.html pour obtenir le résultat suivant :

Ionic utilise la bibliothèque d'iĉones ionicons, dont la documentation est disponible à l'adresse : https://ionicframework.com/docs/v3/ionicons/

3) Ionic permet de modifier les styles de n'importe quel élément de notre application. Faites des modifications sur les propriétés suivantes depuis le fichier src/theme/variables.scss : --ion-background-color, --ion-background-color-rgb, --ion-text-color, --ion-text-color-rgb et --ion-toolbar-color.

Exemple :

--ion-background-color    : #fefefe;

Pour plus d'informations, vous pouvez consulter la documentation complète à l'adresse https://ionicframework.com/docs/theming/themes .

Que remarquez-vous ?

4) Testez d'autres composants

5) Créez une page Settings et ajoutez à cette page un formulaire avec des éléments simples : nom, prénom, adresse,...Et tout autre information intéressante.

6) Testez votre application depuis Ionic DevApp.