add shadow to pointer to match the design.

This commit is contained in:
Faris Armoush
2025-05-28 15:41:18 +03:00
parent 5b91ceb639
commit fd186a00fd

View File

@ -60,7 +60,7 @@ class AqiGauge extends StatelessWidget {
alignment: AlignmentDirectional.bottomCenter, alignment: AlignmentDirectional.bottomCenter,
child: Text.rich( child: Text.rich(
TextSpan( TextSpan(
text: '${value.toInt()}', text: value.toStringAsFixed(0),
style: context.textTheme.bodySmall?.copyWith( style: context.textTheme.bodySmall?.copyWith(
color: ColorsManager.textPrimaryColor, color: ColorsManager.textPrimaryColor,
fontWeight: FontWeight.w700, fontWeight: FontWeight.w700,
@ -100,9 +100,14 @@ class AqiGauge extends StatelessWidget {
width: 6, width: 6,
color: _getPointerColor(aqi), color: _getPointerColor(aqi),
), ),
shadow: const BoxShadow(
color: ColorsManager.blackColor,
blurRadius: 6,
offset: Offset(0, 2),
),
), ),
transformer: const GaugeAxisTransformer.colorFadeIn( transformer: const GaugeAxisTransformer.colorFadeIn(
background: Colors.transparent, background: ColorsManager.transparentColor,
interval: Interval(0, 0), interval: Interval(0, 0),
), ),
segments: [ segments: [