cartoon_tracker.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_svg/svg.dart';
 
class CarbonTrackerCard extends StatelessWidget {
  final double currentCO2;
  final double targetCO2;
  final int points;
  final double progress;
 
  const CarbonTrackerCard({
    super.key,
    required this.currentCO2,
    required this.targetCO2,
    required this.points,
    required this.progress,
  });
 
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(16),
        gradient: LinearGradient(
          colors: [
            Theme.of(context).colorScheme.primary,
            Theme.of(context).colorScheme.secondary,
          ],
        ),
      ),
      child: Padding(
        padding: const EdgeInsets.all(20.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisSize: MainAxisSize.min,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Row(
                  children: [
                    SvgPicture.asset('assets/svgs/leaf.svg'),
                    SizedBox(width: 8.sp),
                    Text(
                      'You reached\n1/4 leaf',
                      style: Theme.of(context).textTheme.bodySmall?.copyWith(
                            color: Theme.of(context).colorScheme.onPrimary,
                            fontSize: 8.sp,
                          ),
                    ),
                  ],
                ),
                Text(
                  '$points point',
                  style: Theme.of(context).textTheme.bodySmall?.copyWith(
                        color: Theme.of(context).colorScheme.onPrimary,
                      ),
                ),
              ],
            ),
            SizedBox(height: 20.sp),
            Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Text(
                  currentCO2.toString(),
                  style: Theme.of(context).textTheme.displayLarge?.copyWith(
                        color: Theme.of(context).colorScheme.onPrimary,
                      ),
                ),
                Opacity(
                  opacity: 0.7,
                  child: Text(
                    'kg of CO₂',
                    style: Theme.of(context).textTheme.bodySmall?.copyWith(
                          color: Theme.of(context).colorScheme.onPrimary,
                        ),
                  ),
                ),
                SizedBox(height: 13.sp),
                LinearProgressIndicator(
                  minHeight: 5,
                  value: progress,
                  backgroundColor:
                      Theme.of(context).colorScheme.onPrimary.withOpacity(0.11),
                  valueColor: AlwaysStoppedAnimation<Color>(
                    Theme.of(context).colorScheme.onPrimary,
                  ),
                ),
                SizedBox(height: 12.sp),
                Opacity(
                  opacity: 0.7,
                  child: Text(
                    'Your target: ${targetCO2.toStringAsFixed(2)} kg',
                    style: Theme.of(context).textTheme.bodySmall?.copyWith(
                          color: Theme.of(context).colorScheme.onPrimary,
                        ),
                  ),
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}