[Flutter][82] Form (Bagian 9) Auto Capslock pada TextField Flutter

Monday, 13 Sep 2021 | By Riza

Image Load

Hello world,

Kali ini saya menambahkan contoh pada textfield dimana kita bisa membuat auto capslock dengan cara yang sederhana. Saya menemukan cara ini pada beberapa diskusi dimana saya gunakan cara ini untuk aplikasi yang sedang saya buat. Untuk membuat auto capslock kita bisa ikuti tahap berikut.

Pertama kita buat class seperti berikut.

class UpperCaseTextFormatter extends TextInputFormatter {
@override
TextEditingValue formatEditUpdate(
TextEditingValue oldValue, TextEditingValue newValue) {
return TextEditingValue(
text: newValue.text?.toUpperCase(),
selection: newValue.selection,
);
}
}


Lalu pada penerapannya kita langsung bisa memasukkannya ke dalam TextField.

TextField(
inputFormatters: [
UpperCaseTextFormatter(),
],
),



Selamat mencoba :)