Saltearse al contenido

RegistrationTemplate

Sirve como el contenedor principal para el flujo de registro con múltiples pasos.

Constructor

registration-template.dart
const RegistrationTemplate({
super.key,
this.showTimeLine = true,
required this.title,
required this.subtitle,
required this.body,
this.bottonsNextText,
required this.enableNextPressed,
required this.onNextPressed,
required this.onEndPressed,
this.resizeToAvoidBottomInset = false,
});

Parámetros del constructor

ParámetroTipoDescripción
showTimeLineboolWidget que representa el contenido principal de la pantalla.
titleList<String>Widget opcional que contiene los botones de acción, generalmente ubicados en la parte inferior.
subtitleList<String>Widget opcional que contiene los botones de acción, generalmente ubicados en la parte inferior.
bodyList<Widget>Widget opcional que contiene los botones de acción, generalmente ubicados en la parte inferior.
bottonsNextTextList<String>Widget opcional que contiene los botones de acción, generalmente ubicados en la parte inferior.
enableNextPressedbool Function(int)Widget opcional que contiene los botones de acción, generalmente ubicados en la parte inferior.
onNextPressedbool Function(int)Widget opcional que contiene los botones de acción, generalmente ubicados en la parte inferior.
onEndPressedbool Function()Widget opcional que contiene los botones de acción, generalmente ubicados en la parte inferior.
resizeToAvoidBottomInsetboolWidget opcional que contiene los botones de acción, generalmente ubicados en la parte inferior.

Funciones

FunciónDescripción
onTemplatePopMuestra un diálogo de confirmación para salir del formulario.

Métodos

MétodoDescripción
_toggleButtonCambia al siguiente paso si es posible, o finaliza el registro.

Dependencias

pubspec.yaml
dependencies:
carousel_slider: latest_version

Widgets internos

  • togie_timeline
  • close_icon_button
  • togie_dark_button

Ejemplo de uso

RegistrationTemplate(
title: [
"titleOne",
...
],
subtitle: [
"subtitleOne",
...
],
body: [
WidgetOne,
...
],
enableNextPressed: () => (),
onNextPressed: (_) => true,
onEndPressed: () {
...
},
);