Saltearse al contenido

blackModal

Función que muestra un modal personalizado en la parte inferior de la pantalla. Utiliza showModalBottomSheet para desplegar un modal con un encabezado que puede incluir un título o widget personalizado, un botón de cierre y un cuerpo generado dinámicamente a partir de una función que retorna una lista de widgets.

Importación

import 'package:togie/widgets/modals/black_modal.dart';

Área de paramédicos:

blackModal(
BuildContext context, {
String? title,
Widget? titleWidget,
Color? backgroundColor,
required List<Widget> Function(BuildContext, void Function(void Function())) body,
bool isDismissible = true,
}
)

Parámetro de la función:

ParámetroTipoDescripción
contextBuildContextContexto del widget padre donde se mostrará el modal.
titleString?Título del modal. Es opcional y se muestra en el encabezado.
titleWidgetWidget?Widget opcional para el encabezado del modal. Si se proporciona title, se sobrescribe este valor.
backgroundColorColor?Color de fondo del modal. Por defecto utiliza NeutralTheme.oilBlack.
bodyList<Widget> Function(BuildContext, void Function(void Function()))Función que retorna una lista de widgets que se mostrarán en el cuerpo del modal.
isDismissibleboolIndica si el modal se puede cerrar al tocar fuera de él. Por defecto es true.

Ejemplo de uso:

blackModal(
context,
title: 'Información',
body: (context, setModalState) {
return [
Text('Este es el contenido del modal'),
ElevatedButton(
onPressed: () => Navigator.of(context).pop(),
child: Text('Cerrar'),
),
];
},
)

blackModal