Cara Membuat Text Input Di Flutter Dengan Kapital Semua

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:

Jika terdapat kesalahan penulisan, typo, atau kurang sesuai dalam penulisan, bantu Saya untuk Edit on Github.