pengenalan text widget

 

        Laporan Flutter dasar 

Pengenalan  Widget  Dasar Pada Flutter

              Widget adalah komponen-komponen pendukung pada Flutter seperti Button, Text,            Icon  dan lain sebagainya. Semua yang berada pada tampilan aplikasi kita disebut                 dengan Widget. 

             Teks adalah bagian yang sangat penting dari sebuah UI aplikasi mobile mana pun.             Pada Flutter, untuk menampilkan text kita dapat menggunakan Text widget atau                  “RichText”  widget. Dua widget tersebut mirip tapi berbeda. Dalam kesempatan ini kita          hanya akan coba membahas secara detail tentang cara menampilkan teks dalam Flutter         menggunakan Widget Teks saja.

        A.Mengubah  judul halaman

1.              Pada tampilan awal android studio, silahkan klik "New Flutter Project"

2.              Setelah itu pilih flutter dan pastikan di kolom "Flutter Sdk path" diisi dengan lokasi             dimana sdk flutter tersimpan lalu klik Next

3.              Kemudian pada tampilan berikut masukkan nama projek pada bagian “projek name”             kemudian lakukan setinggan seperti pada gambar dibawah ini ,lalu klik “create”


                                                                Gambar settingan projek

               4.Lalu kemudian akan muncul tampilan berikunya (Mohon maaf saya lupa menscrensoot)

 

 

        B .Menampilkan Tulisan “Helow Word”  pada halaman/layer utama

            Setelah mengubah text widget kita akan menampilkan tulisan helow word pada halaman utama           di dalam property scaffold tambahkan:

           body : Center(

        child: Text("Hello World"),

           )

                Seperti gambar berikut ini

                                                    Tampilan Hellow word

                                             

                                                                    Tampilan Hasil run di Web

    Untuk menjalankan program tersebut itu ada dua cara, yaitu dengan menggunakan emulator atau bisa     juga menggunakan smartphone sendiri, namun disini kita  menggunakan emulator web yang ada           pada android studio sendiri untuk praktikum. Jika menjalankan program dengan menggunakan                smartphone , kita membutuhkan kabel USB dan melakukan settingan debugging pada spartphone             masing".

 

        Baiklah mungkin sampai disini dulu penjelasan saya tentang text widget semoga membantu

 

 


Komentar

Postingan populer dari blog ini

BELAJAR FLUTTER .Conditional Expression

Komunikasi Asertif

Konsep Diriku