Jumat, 17 September 2021

AppBar_Mobile Programming💻

 AppBar_Mobile Programming💻

Assalamualaikum wr.wb

Hallo sahabat ngoding, artikel kali ini membahas mengenai cara menambahkan button pada bar yang berbasis android alat dan bahan yang dibutuhkan adalah :
a. PC/ laptop yang memenuhi kapasitas untuk mobile programming
b. Koneksi Internet yang memadai

1. Buka visual studio code
    
2.Pastikan hanphone terkoneksi dengan pc atau laptop yang digunakan untuk mengoneksikan mennggunakan kabel USB, pastikan keduanya memiliki koneksi internet yang cukup  kemudian  pilih bagian view >> command palette
    

3. Maka akan muncul teks box, pada taks box tersebut ketikkan flutter new application project seperti gambar dibawah ini 
    

4. Kemudian akan diarahkan kebagian lokasi penyimpanan  untuk menyimpan projek yang akan dibuat


5. Setelah selesai peletakan penyimpanan kemudian akan tampil beberapa file seperti gambar dibawah ini, setelah muncul, pada bagian folder test widget_test.dart komentari semua script dengan cara ctrl+a+? .
    

6. Setelah selesai masuk kebagian main dart hapus semua script yang terdapat pada file main.dart setelah dihapus buat source code seperti dibawah ini 

7.  Setelah selesai runningkan program yang sudah dibuat, jika berhasil akan tampil seperti gambar dibawah ini

8. Setelah semuanya selesai akan tampil pada layar hp seperti gambar dibawah ini


9. seperti inilah aplikasi yang sudah terdownload pada handphone kita 


10. Berikut Penjelasan source code:
    setelah program menambahkan material.dart, selanjutnya membuat class baru yakni class TutorialHome. Kelas TutorialHome akan memuat kelas StatelessWidget indikatornya menggunakan kata extends sehingga source code menjadi Class TutorialHome extends StatelessWidget dengan demikian maka semua komponen yang terdapat pada kelas StatelessWidget dapat digunakan oleh kelas TutorialHome Untuk membuat nama class harus menggunakan huruf kapital. Kelas StatelessWidget adalah kelas yang memuat widget yang sifatnya statis mudahnya setelah data ditampilkan maka kita tidak akan merubahnya lagi. Widget build (BuildContext context) merupakan fungsi yang harus ada untuk kelas yang akan menampilan widget atau tampilan ke layar perangkat bergerak. Atau dalam docs flutter disebutkan sebagai instan untuk membentuk widget. Selanjutnya instant dari build memiliki nilai balikan berupa MaterialApp indikatornya terdapat pemanggilan fungsi return MaterialApp(). Fungsi ini memuat berbagai widget didalamnya seperti title,home dan lain-lain.

a.             a.   Fungsi main() adalah fungsi khusus dari dart. Ketika aplikasi dijalankan, maka fungsi ini yang               pertama kali dijalankan. Pada contoh, fungsi main hanya menjalankan class MyApp.

  1. MyApp adalah StatelessWidget, merupakan widget induk;
  2. MaterialApp adalah widget yang membungkus beberapa widget yang menggunakan tema material design 1;
  3. Scaffold adalah widget untuk struktur dasar material design;
  4. AppBar adalah widget untuk membuat AppBar;
  5. Center adalah Widget layout untuk membuat widget ke tengah;
  6. Text adalah wdiget untuk membuat teks.






~SEMOGA BERMANFAAT💓💕💖~