Exercez-vous

1) Créez la page Profile précédente et configurez là pour quelle soit dans le thème de l'application. Corrigez les bugs éventuels.(C.f Exercez-vous du chapitre précédent)

2) Dans la fonction gotoHome, remplacez "push" par "setRoot" : this.navCtrl.setRoot(UnePage). Que constatez-vous ?

3) Éditez le fichier app.module.ts de la manière suivante :

...
@NgModule({
  declarations: [
    MyApp,
    MiningPage,
    WalletPage,
    HomePage,
    ProfilePage, // On la déclare ici
    TabsPage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp,{
        tabsPlacement: 'top',
        backButtonText: 'Retour'
    })
  ],
  ...

Que remarquez-vous ?

4) Allez à l'adresse suivante : https://ionicframework.com/docs/components

Comment à partir des informations qu'y s'y trouve peut-on rajouter une liste d'éléments en page d'accueil (voir screen suivant)

Astuces :

export class HomePage {
  selected : any = '';
  items : any = [];
  constructor(public navCtrl: NavController) {
    this.items = [
      {'title':'Bitcoin', 'currency':'btc', 'price':'5000€'},
      {'title':'Ethereum', 'currency':'eth', 'price':'500€'},
      {'title':'Ripple', 'currency':'xrp', 'price':'0.4€'}
    ];
  }

  itemSelected(item) {
    this.selected =item;
  }

}

5) Testez d'autres composants

6) Créez une page Setting et ajoutez à cette page un formulaire avec des éléments simples : nom, prénom, adresse,...