OtpTextField

El widget OtpTextField es un campo de texto diseñado para ingresar un único carácter, comúnmente utilizado en formularios OTP (One-Time Password). Permite definir un controlador, un focus node y callbacks para cambios, taps y acciones de pegado, con un diseño personalizado que incluye validación de entrada y estilos adaptados.

Importación

import 'package:togie/widgets/login/otp_text_field.dart';

Constructor:

const OtpTextField({
  super.key,
  required this.controller,
  required this.focusNode,
  required this.actualNode,
  required this.onChange,
  required this.onTap,
  required this.onPaste,
});

Parámetro del constructor:

Parámetro	Tipo	Descripción
controller	TextEditingController	Controlador para gestionar el texto ingresado en el campo.
focusNode	FocusNode	FocusNode asociado para gestionar el foco del campo de texto.
actualNode	int	Índice o identificador del campo dentro de un grupo de OTP.
onChange	Function(String, int)	Callback que se ejecuta cuando cambia el valor del campo, pasando el nuevo valor y el índice.
onTap	Function(int)	Callback que se ejecuta al tocar el campo, pasando el índice del campo.
onPaste	void Function()	Callback que se ejecuta para manejar la acción de pegar contenido en el campo.

Ejemplo de uso:

OtpTextField(
  controller: myController,
  focusNode: myFocusNode,
  actualNode: 0,
  onChange: (value, index) {
    // Lógica al cambiar el valor del campo OTP
  },
  onTap: (index) {
    // Lógica al tocar el campo OTP
  },
  onPaste: () {
    // Lógica para manejar el pegado de contenido
  },
)