Impact Metric Card Widget
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Reusable Flutter widget that displays a single impact metric (label, numeric value, unit, formula tooltip) with smooth number-roll animations via Tween interpolation. Supports multiple visual states: loading shimmer, populated value, and stale-cache dimming.
impact-metric-card-widget
Responsibilities
- Animate numeric value transitions using Flutter Tween and AnimatedSwitcher
- Display metric label, formatted value, unit string, and optional formula explanation tooltip
- Apply visual dimming when metric data is from cached offline state
Interfaces
ImpactMetricCard({required label, required value, required unit, formula, isStale}) → Widget