Git Product home page Git Product logo

flutter_plugin_pubdev's Introduction

flutter_plugin_pubdev

A new Flutter project.

Tugas Praktikum

1. Selesaikan Praktikum tersebut, lalu dokumentasikan dan push ke repository Anda berupa screenshot hasil pekerjaan beserta penjelasannya di file README.md!

plot

  • 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.

2. Jelaskan maksud dari langkah 2 pada praktikum tersebut!

  • 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

3. Jelaskan maksud dari langkah 5 pada praktikum tersebut!

  • 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.

4. Pada langkah 6 terdapat dua widget yang ditambahkan, jelaskan fungsi dan perbedaannya!

  • 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:',
	),
),

Kedua widget tersebut yang ditambahkan adalah widget Container.

  • 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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.