1. Pendahuluan

Dalam pengembangan aplikasi mobile, tampilan teks memiliki peran penting untuk menciptakan pengalaman pengguna yang menarik. Flutter menyediakan widget Text yang sangat fleksibel. Dengan widget ini, kita bisa mengatur ukuran, warna, ketebalan, hingga jenis font. Selain menggunakan font bawaan sistem, Flutter juga memungkinkan kita menambahkan font kustom yang sesuai dengan branding aplikasi.

2. Mengatur Gaya Teks di Flutter

a. Mengubah ukuran teks

Untuk mengubah ukuran teks, kita bisa menggunakan properti style dengan TextStyle.

b. Mengubah warna teks

Kita bisa memanfaatkan Colors atau kode warna hex.

Jika ingin menggunakan kode warna hex:

c. Mengatur jenis font bawaan

Flutter mendukung font bawaan sistem, misalnya serif, sans-serif, atau monospace.

3. Menambahkan Font Kustom di Flutter

Kadang kita perlu menggunakan font khusus agar aplikasi terlihat lebih profesional. Flutter memungkinkan kita menambahkan font dari file lokal.

a. Menyimpan font ke folder assets/fonts

1. Buat folder baru di dalam proyek Flutter:

1. Pastikan file font dalam format .ttf atau .otf.

b. Mengedit file pubspec.yaml

Tambahkan konfigurasi font di dalam flutter:

c. Menggunakan font kustom di widget

Setelah menambahkan di pubspec.yaml, gunakan di widget Text:

4. Kesimpulan

Mengatur teks di Flutter sangat fleksibel. Kita bisa mengubah ukuran, warna, dan jenis font dengan mudah menggunakan TextStyle. Selain itu, Flutter juga memungkinkan kita menambahkan font kustom dari folder assets/fonts, sehingga tampilan aplikasi bisa disesuaikan dengan branding.

Dengan memanfaatkan text styling dan font kustom, aplikasi Flutter tidak hanya fungsional tetapi juga memiliki identitas visual yang kuat.