Sumber Gambar

Tutorial kali ini kita akan membuat sebuat aplikasi android menggunkan Ionic yaitu menggabungkan tabs dan side menu.
Kenapa saya membuat ini, karena dalam tamplates ionic, ionic tidak menyediakan template untuk tabs dan side menu secara bersamaan, oke mari kita ikuti langkah-langkahnya.

1. Pertama buat sebuah folder untuk project yang akan kita buat
2. Buka cmd pada path folder tersebut, milsalkan foldernya TUTORIAL\Hybrid
lihat gambar di bawah ini



Setelah itu tekan enter maka akan terlihat seperti berikut


3. Ketik cd sideDanTabsApp


4. Ketik perintah untuk membuat tabs pada ionic


Maka struktur folder pada projectnya akan seperti ini



5. Buka file app/app.modules.ts lalu tambahkan beberapa code seperti pada gambar, di tandai dengan garis bawah merah.




6. Buka file app/app.component.ts lalu tambahkan beberapa code seperti pada gambar, di tandai dengan garis bawah merah.


 7. Running aplikasi ionic




8. Maka akan terlihat pada browser seperti ini


Hasilnya seperti berikut : 


Project tersebut dapat kalian download atau clone di github
https://github.com/sosmed1945/ionic-tabs-and-slide-menu.git


by : https://digiart.id/