showSlideDialog<T> function

Future<T?>? showSlideDialog<T>({ required BuildContext context, required Widget child, Color? barrierColor, bool barrierDismissible = true, Duration transitionDuration = const Duration(milliseconds: 300), Color? pillColor, Color? backgroundColor, })

Display slide dialog.

barrierColor Color of outside dialog. Defaults to Colors.black.withOpacity(0.7).

barrierDismissible Can be dismissed by tapping outside dialog. Defaults to true.

transitionDuration Duration of slide transition. Defaults to Duration(milliseconds: 300).

pillColor Color of pill inside dialog. Defaults to Colors.blueGrey200.

backgroundColor Color of dialog background. Defaults to Theme.of(context).canvasColor.

Implementation

Future<T?>? showSlideDialog<T>({
  required BuildContext context,
  required Widget child,
  Color? barrierColor,
  bool barrierDismissible = true,
  Duration transitionDuration = const Duration(milliseconds: 300),
  Color? pillColor,
  Color? backgroundColor,
}) {
  assert(context != null);
  assert(child != null);

  return showGeneralDialog(
    context: context,
    pageBuilder: (context, animation, secondaryAnimation) {
      return const AlertDialog(title: Text('Alert!'));
    },
    barrierColor: barrierColor ?? Colors.black.withOpacity(0.7),
    barrierDismissible: barrierDismissible,
    barrierLabel: "Dismiss",
    transitionDuration: transitionDuration,
    transitionBuilder: (context, animation1, animation2, widget) {
      final curvedValue = Curves.easeInOut.transform(animation1.value) - 1.0;
      return Transform(
        transform: Matrix4.translationValues(0.0, curvedValue * -300, 0.0),
        child: Opacity(
          opacity: animation1.value,
          child: SlideDialog(
            child: child,
            pillColor: pillColor ?? Colors.blueGrey,
            backgroundColor: backgroundColor ?? Theme.of(context).canvasColor,
          ),
        ),
      );
    },
  );
}