stats_card.dart

Go to the documentation of this file.

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
import '../theme/color_palette.dart';
 
class StatsCard extends StatelessWidget {
  final String title;
  final String number;
  final String subtitle;
  final LinearGradient gradient;
  final String? unit;
 
  const StatsCard({
    super.key,
    required this.title,
    required this.number,
    required this.subtitle,
    required this.gradient,
    this.unit,
  });
 
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.symmetric(horizontal: 17.sp, vertical: 16.sp),
      decoration: BoxDecoration(
        gradient: gradient,
        borderRadius: BorderRadius.circular(20),
        boxShadow: [
          BoxShadow(
            color: gradient.colors.first.withValues(alpha:0.25),
            blurRadius: 20,
            offset: const Offset(0, 8),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(
                title,
                style: Theme.of(context).textTheme.titleMedium!.copyWith(
                  fontSize: 13.sp,
                  color: ColorPalette.white,
                  fontWeight: FontWeight.w600,
                ),
              ),
              Container(
                padding: EdgeInsets.symmetric(horizontal: 10.sp, vertical: 5.sp),
                decoration: BoxDecoration(
                  color: ColorPalette.white.withValues(alpha:0.15),
                  borderRadius: BorderRadius.circular(12),
                ),
                child: Text(
                  subtitle,
                  style: Theme.of(context).textTheme.labelLarge!.copyWith(
                    color: ColorPalette.white,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
            ],
          ),
          SizedBox(height: 3.sp),
          Row(
            crossAxisAlignment: CrossAxisAlignment.end,
            children: [
              Text(
                number,
                style: Theme.of(context).textTheme.headlineSmall!.copyWith(
                  color: ColorPalette.white,
                  fontWeight: FontWeight.w700,
                ),
              ),
              SizedBox(width: 5.sp),
              Padding(
                padding: EdgeInsets.only(bottom: 5.sp),
                child: Text(
                  unit ?? "${"common.collection".tr()}${number == '0' ? '' : context.locale == Locale('en') ? 's' : ''}",
                  style: Theme.of(context).textTheme.titleSmall!.copyWith(
                    color: ColorPalette.white.withValues(alpha:0.8),
                    fontWeight: FontWeight.w500,
                  ),
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }
}