metric_card.dart

Go to the documentation of this file.

import '/core/ui/widgets/custom_card.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
class MetricCard extends StatelessWidget {
  const MetricCard({
    super.key,
    required this.title,
    required this.image,
    required this.amount,
    required this.subtitle,
    required this.color,
  });
 
  final String title;
  final String image;
  final String amount;
  final String subtitle;
  final Color color;
 
  @override
  Widget build(BuildContext context) {
    return CustomCard(
      padding: EdgeInsets.symmetric(horizontal: 10.sp),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        mainAxisSize: MainAxisSize.min,
        children: [
          // Text(
          //   title,
          //   textAlign: TextAlign.center,
          //   style: Theme.of(context).textTheme.bodySmall?.copyWith(
          //         fontSize: 9.sp,
          //       ),
          // ),
          // SizedBox(height: 10.sp),
          Image.asset(
            image,
            height: 40.sp,
          ),
          SizedBox(height: 6.sp),
          FittedBox(
            fit: BoxFit.scaleDown,
            child: Text(
              amount,
              style: Theme.of(context).textTheme.bodySmall,
            ),
          ),
          SizedBox(height: 3.sp),
          Opacity(
            opacity: 0.7,
            child: Text(
              subtitle,
              textAlign: TextAlign.center,
              style: Theme.of(context).textTheme.bodySmall?.copyWith(
                    fontSize: 9.sp,
                  ),
            ),
          ),
        ],
      ),
    );
  }
}