Cara Membuat Text Input Di Flutter Dengan Kapital Semua

📅️ Published:

🔄 Updated:

🕔 1 min read ∙ 102 words

Cara membuat input di Flutter supaya bisa hurufnya berupa kapital/uppercase semua, walaupun user input huruf tidak kapital. Di Flutter bisa untuk implementasinya cukup gunakan custom class TextInputFormatter untuk memfilter dan custom input yang dari user ke dalam widget TextField/TextFormField.

Ketika memanggil class TextInputFormatter Anda perlu import flutter services terlebih dahulu:

1
import 'package:flutter/services.dart';

Berikut contoh Implementasi TextInputFormatter Filter untuk mengubah semua input jadi huruf kapital:

1
2
3
4
5
6
7
8
9
class UpperCaseTextFormatter extends TextInputFormatter {
  @override
  TextEditingValue formatEditUpdate(TextEditingValue oldValue, TextEditingValue newValue) {
    return TextEditingValue(
      text: newValue.text.toUpperCase(), // fungsi untuk mengkapitalkan carakter/huruf
      selection: newValue.selection,
    );
  }
}

Contoh implementasi:




Terdapat kesalahan penulisan, typo, ataupun juga kurang sesuai dalam penulisan, bantu Saya Edit on Github.


💬 Comment: