EnglishFrenchItalianPortuguese

UpperCase no widget TextField do Flutter

HI,

estou criando um app para exibir vídeo e para melhorar a leitura para os usuários da melhor idade, resolvi utilizar os textos em caixa alta (maiúsculo), além de aumentar um pouco o tamanho da fonte.

Existe uma configuração para deixar o teclado com as letras em caixa alta
textCapitalization: TextCapitalization.characters,

Porém… o usuário consegue desativar isso no teclado.

Para salvar não tem problema, já que só precisa chamar o método toUpperCase do controller associado ao TextField
category.title = _categoryController.text.toUpperCase();

E para exibir o texto sempre em maiúsculo, mesmo que o teclado esteja em minúsculo, tem que criar uma configuração para ser utilizada na propriedade inputFormatters.

Achei o código aqui

Flutter TextField value always uppercase & debounce
https://stackoverflow.com/a/49239762

E o exemplo de como utilizar, achei aqui

https://github.com/flutter/flutter/blob/master/examples/flutter_gallery/lib/demo/material/text_form_field_demo.dart

Declarando uma variável do tipo da classe que foi criada para formar o texto para maiúsculo
final _UsNumberTextInputFormatter _phoneNumberFormatter = _UsNumberTextInputFormatter();

A variável _phoneNumberFormatter foi utilizada na propriedade inputFormatters

Os dois trechos do código, é só para mostrar como utilizar a Classe.

Intel +, Fiquem na Paz!!!

Deixe uma resposta

Fechar Menu

Modelo de site no estilo Landing Page, utilizando o tema OceanWP + o construtor visual de páginas Elementor.

Todos os itens utilizados para construir esse modelo são free. Não existe nenhum item pirateado.

Acompanha documento para ajudar a entender como o modelo foi produzido.