custom_snackbar.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
abstract class CustomSnackBar {
  static ScaffoldFeatureController<SnackBar, SnackBarClosedReason> display(
    final BuildContext context,
    final Color color,
    final String message,
  ) {
    return ScaffoldMessenger.of(context).showSnackBar(
      _buildSnackBar(
        context: context,
        color: color,
        message: message,
      ),
    );
  }
}
 
SnackBar _buildSnackBar({
  required String message,
  required Color color,
  required BuildContext context,
}) {
  return SnackBar(
    content: Row(
      children: [
        Container(
          height: 40.h,
          width: 4.w,
          decoration: BoxDecoration(
            color: color,
            borderRadius: BorderRadius.circular(10.r),
            boxShadow: [
              BoxShadow(
                color: color.withValues(alpha: 0.3),
                blurRadius: 4,
                spreadRadius: 1,
              ),
            ],
          ),
        ),
        SizedBox(width: 12.sp),
        Expanded(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                message,
                style: Theme.of(context).textTheme.bodyMedium?.copyWith(
                      fontWeight: FontWeight.w500,
                      letterSpacing: 0.2,
                    ),
                maxLines: 2,
                overflow: TextOverflow.ellipsis,
              ),
            ],
          ),
        ),
        Container(
          decoration: BoxDecoration(
            color: Theme.of(context).colorScheme.surface.withValues(alpha: 0.1),
            borderRadius: BorderRadius.circular(8.r),
          ),
          child: IconButton(
            icon: Icon(
              Icons.close_rounded,
              color: Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.7),
              size: 18.sp,
            ),
            onPressed: () => ScaffoldMessenger.of(context).hideCurrentSnackBar(),
            padding: EdgeInsets.all(4.sp),
            constraints: BoxConstraints(
              minWidth: 24.w,
              minHeight: 24.h,
            ),
            splashRadius: 20.r,
          ),
        ),
      ],
    ),
    backgroundColor: Theme.of(context).colorScheme.surface,
    elevation: 4.0,
    duration: const Duration(milliseconds: 2100),
    padding: EdgeInsets.symmetric(horizontal: 16.sp, vertical: 14.sp),
    margin: EdgeInsets.symmetric(horizontal: 16.sp, vertical: 16.sp),
    behavior: SnackBarBehavior.floating,
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(14.r),
      side: BorderSide(
        color: color.withValues(alpha: 0.2),
        width: 1,
      ),
    ),
    dismissDirection: DismissDirection.horizontal,
    animation: CurvedAnimation(
      parent: const AlwaysStoppedAnimation(1),
      curve: Curves.fastOutSlowIn,
    ),
  );
}