Flutter-Ernaehrungsapp/lib/android/components/circular/circular_component.dart

import 'package:ernaehrung/android/config/statistics.dart';
import 'package:flutter/material.dart';
import 'package:percent_indicator/circular_percent_indicator.dart';

class CircularLoadingComponent extends StatelessWidget {
  const CircularLoadingComponent({Key? key}) : super(key: key);
  final int targetCaolries = 3500; // TODO get from user data

  @override
  Widget build(BuildContext context) {;

  return ValueListenableBuilder(
    valueListenable: StatisticsService.instance.eatenCalories,
    builder: (context, value, child) {
      double progress = double.parse((value / targetCaolries).toStringAsFixed(1));
      progress = progress > 1.0 ? 1.0 : progress;

      return Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          CircularPercentIndicator(
            animation: true,
            radius: 60.0,
            lineWidth: 5.0,
            percent: progress,
            center: Text(
              "$value/$targetCaolries kcal",
              textAlign: TextAlign.center,
            ),
            progressColor: Colors.lightGreen,
          ),
        ],
      );
    },
  );


  }
}