Saltearse al contenido

OtpSection

El widget OtpSection facilita la entrada de códigos OTP distribuidos en múltiples campos de texto. Se encarga de gestionar el foco entre campos, manejar la acción de pegado (paste) y construir el código completo a partir de cada dígito.

Importación

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

Constructor:

const OtpSection({
required this.getCode,
required this.maxLength,
required this.controller,
super.key,
});

Parámetro del constructor:

ParámetroTipoDescripción
getCodeFunction(String)Callback que devuelve el código completo ingresado, combinando el contenido de cada campo.
maxLengthintNúmero total de dígitos del código OTP.
controllerTextEditingControllerControlador principal para gestionar el código OTP.

Ejemplo de uso:

OtpSection(
getCode: (code) {
// Lógica para manejar el código ingresado
print("OTP: \$code");
},
maxLength: 6,
controller: TextEditingController(),
)

OtpSection