custom_card.dart

Go to the documentation of this file.

import 'dart:ui';
 
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
class CustomCard extends StatelessWidget {
  const CustomCard({
    super.key,
    required this.child,
    this.padding,
    this.bgColor,
  });
 
  final Widget child;
  final EdgeInsets? padding;
  final Color? bgColor;
 
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: padding ?? EdgeInsets.all(10.sp),
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(10),
        color: bgColor ?? Theme.of(context).colorScheme.surface,
      ),
      child: child,
    );
  }
}
 
class GlassCustomCard extends StatelessWidget {
  const GlassCustomCard({
    super.key,
    required this.child,
    this.padding,
  });
 
  final Widget child;
  final EdgeInsets? padding;
 
  @override
  Widget build(BuildContext context) {
    return ClipRRect(
      borderRadius: BorderRadius.circular(10),
      child: BackdropFilter(
        filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
        child: Container(
          padding: padding ?? EdgeInsets.all(10.sp),
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(10),
            color: Theme.of(context).scaffoldBackgroundColor,
            border: Border.all(
              width: 3,
              color: Theme.of(context).colorScheme.surface,
            ),
          ),
          child: child,
        ),
      ),
    );
  }
}