custom_radio_button.dart

import 'package:flutter/material.dart';
import 'package:plantstore/commons/navigator_key.dart';
import 'package:plantstore/constants/app_colors.dart';

class CustomRadioButtonWidget extends StatelessWidget {
  const CustomRadioButtonWidget({
    super.key,
    required this.isSelected,
    this.dimension = 20,
  });

  final bool isSelected;

  final double dimension;

  SizedBox get gapH3 => SizedBox(
        height: MediaQuery.sizeOf(navigatorkey.currentContext!).height * .03,
      );

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        gapH3,
        if (isSelected) ...{
          SizedBox.square(
            dimension: dimension,
            child: TweenAnimationBuilder(
              tween: Tween<double>(
                begin: 1.0,
                end: 5.0,
              ),
              duration: const Duration(milliseconds: 500),
              builder: (BuildContext _, double widthVal, Widget? __) {
                return TweenAnimationBuilder(
                  tween: ColorTween(
                    begin: const Color(0xFF4CAF50),
                    end: const Color(0xFF2196F3),
                  ),
                  duration: const Duration(milliseconds: 1400),
                  builder: (BuildContext __, Color? colorVal, Widget? _) {
                    return Container(
                      decoration: BoxDecoration(
                        border: Border.all(
                          color: colorVal as Color,
                          width: widthVal,
                        ),
                        shape: BoxShape.circle,
                      ),
                      child: const CircleAvatar(
                        backgroundColor: AppColorsLightMode.basicWhite,
                        radius: 6,
                      ),
                    );
                  },
                );
              },
            ),
          ),
        } else ...{
          SizedBox.square(
            dimension: dimension,
            child: Container(
              decoration: BoxDecoration(
                shape: BoxShape.circle,
                border: Border.all(
                  color: Colors.grey,
                  width: 1.5,
                ),
              ),
              child: const CircleAvatar(
                radius: 6,
                backgroundColor: AppColorsLightMode.basicWhite,
              ),
            ),
          ),
        },
      ],
    );
  }
}