A new Flutter project.
1. Selesaikan Praktikum tersebut, lalu dokumentasikan dan push ke repository Anda berupa screenshot hasil pekerjaan beserta penjelasannya di file README.md!
- Pada praktikum ini menambahkan plugin auto_size_text dan menerapkannya, yang hasil output project tersebut terdapat perbedaan diantara teks yang dibaris pertama dan baris kedua pernedaanya terdapat pada ukuran font dan warna background.
- Langkah 2 yaitu Proses Menambahkan Plugin auto_size_text dalam project praktikum, yaitu dengan cara menggunakan perintah "flutter pub add auto_size_text". Jika plugin berhasil ditambahaknan maka pada file pubspec.yaml bagian dependencies akan muncul nama dan versi dari plugin. Pada projek ini menggunakan versi 3.0.0
- Langkah 5 yaitu Membuat Variabel text dan parameter di constructor
final String text;
const RedTextWidget({Key? key, required this.text}) : super(key: key);
menambahkan inisialisasi variable dengan nama "text" pada konstruktor agar dapat memanggil variabel tersebut pada file main.dart untuk menampilkan sesuai pangilan dari class RedTextWidget yang didalamnya terdapat return AutoSizeText.
- Langkah 6 yaitu Menambahkan dua widget ini kedalam file main.dart
Container(
color: Colors.yellowAccent,
width: 50,
child: const RedTextWidget(
text: 'You have pushed the button this many times:',
),
),
Container(
color: Colors.greenAccent,
width: 100,
child: const Text(
'You have pushed the button this many times:',
),
),
- Pada container pertama child diisi dengan widget class RedTextWidget untuk menerapkan penggunaan dari Plugin AutoSizeText.
- Pada container kedua child diisi dengan widget text biasa yang tanpa mengunakan Plugin untuk melihat perbedaan dari hasil tampilan antara widget text biasa dan widget class RedTextWidget. Perbedaanya jika menggunakan Plugin maka terlihat lebih rapi dan teratur dan jika tanpa pugin maka text yang di tampilkan kurang teratur.
5. Jelaskan maksud dari tiap parameter yang ada di dalam plugin auto_size_text berdasarkan tautan pada dokumentasi ini !
-
jawab :
Parameter Description Key* Mengontrol bagaimana satu widget menggantikan widget lain di tree. textKey Mengatur key untuk widget Teks yang dihasilkan style* Jika bukan null, Style yang digunakan untuk sebuah teks seperti color, fontsize, dsb minFontSize Batasan ukuran teks minimum yang akan digunakan saat mengubah ukuran teks secara otomatis.Diabaikan jika presetFontSizes diatur. maxFontSize Batasan ukuran teks maksimum yang akan digunakan saat mengubah ukuran teks secara otomatis Diabaikan jika presetFontSizes diatur. stepGranularity Ukuran langkah di mana ukuran font sedang disesuaikan dengan batasan. presetFontSizes Mendefinisikan semua ukuran font yang mungkin. presetFontSizes harus dalam urutan menurun. group Menyinkronkan ukuran beberapa AutoSizeTexts textAlign* Bagaimana teks harus disejajarkan secara horizontal. textDirection* Arah dari teks. Ini memutuskan bagaimana nilai textAlign seperti TextAlign.start dan TextAlign.end diinterpretasikan. locale* Digunakan untuk memilih font ketika karakter Unicode yang sama dapat dirender secara berbeda, tergantung pada lokal. wrapWords Ketika kata-kata yang tidak cocok dalam satu baris harus dibungkus. Default ke true untuk berperilaku seperti Teks. overflow* Bagaimana visual overflow harus ditangani. overflowReplacement Jika teks overflowing dan tidak sesuai dengan batasnya, widget ini akan ditampilkan sebagai gantinya. textScaleFactor* Jumlah piksel font untuk setiap piksel logis. Juga memengaruhi minFontSize, maxFontSize, dan presetFontSizes. maxLines Jumlah maksimum baris opsional untuk teks yang akan dibentangkan. semanticsLabel* Label semantik alternatif untuk teks.