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
.png)
.png)
.png)
Komentar
Posting Komentar