Text Field OTP
Viewer ao vivo e documentação do componente Text Field OTP.
Sobre
Campo de código de verificação (OTP), com células visuais separadas por dígito. Usa um único TextField invisível por trás das células pra evitar flicker de teclado ao avançar entre dígitos.
length: quantidade de dígitos (padrão 6)separatorAfterIndex: insere um separador (traço) após esse índice, ex.2agrupa como[0][1][2] — [3][4][5]separatorStrokeVisible:true(padrão) mostra o traço;falsemantém só o espaçamentoonChanged/onCompleted: chamado a cada mudança / quando todos os dígitos são preenchidoshasError: pinta borda de erro nas célulasenabled:falsedesabilita e esmaece as célulasplaceholder: texto fantasma mostrado em células vaziasneutralFlatCells: fundo neutro suave sem sombra (uso em placeholder/sheet)suppressCellShadow/suppressFocusBorder: removem sombra da célula / anel de foco, mantendo o restocellFillColor: sobrescreve a cor de preenchimento (ignorado seneutralFlatCells)keyboardType/inputFormatters/textCapitalization: customização do teclado (padrão: só dígitos)semanticLabel: nome acessível do campo escondido
Preview
Carregando o componente…
Atualizado em 03/11/2026

