EasyRadio

EasyRadio is a customizable radio button widget for Flutter that offers consistent animation, easy customization of sizes, shape, inner dot shape, and colors. It ensures a seamless user experience by utilizing the same animation as the regular radio button.

Rounded Radio	Square Radio	Diamond Radio

Features

• Consistent animation: EasyRadio utilizes the same animation as the regular radio button, ensuring a seamless user experience.

• Easy customization of sizes: EasyRadio allows you to easily change the sizes of the radio button or the sizes of the inner dot. You can customize the size to fit your design requirements.

• Easy to customize the shape: EasyRadio allows you to easily change the shape of the radio button between circle, square, and diamond. You can also customize the border radius to achieve the desired appearance.

• Easy to customize the inner dot shape: EasyRadio allows you to easily change the shape of the inner dot between a check icon, regular dot, square, or diamond. You can choose the shape that best suits your design requirements.

• Easy customization of colors: EasyRadio allows you to easily change the color of the radio button, inner dot, and background to match the design of your Flutter app. You can customize the colors to achieve the desired appearance.

How To Use EasyRadio

Import the following package in your dart file

import 'package:easy_radio/easy_radio.dart';

Usage

int? _groupValue = 1;
EasyRadio<int>(
    value: 1,
    groupValue: _groupValue,
    onChanged: (value) {
        setState(() {
            _groupValue = value;
        });
    },
),

EasyRadio API Reference

Variable	Type	Description
value	T	The value represented by this radio button.
groupValue	T?	The currently selected value for a group of radio buttons.
onChanged	ValueChanged<T?>?	Called when the radio button is selected.
dotRadius	double	The radius of the dot inside the radio button.
radius	double	The radius of the radio button.
activeBorderColor	Color?	The border color of the radio button when selected.
dotColor	Color?	The color of the dot inside the radio button.
inactiveBorderColor	Color?	The border color of the radio button when not selected.
inactiveFillColor	Color?	The fill color of the radio button when not selected.
activeFillColor	Color?	The fill color of the radio button when selected.
animateFillColor	bool	Determines whether the fill color of the radio button should animate when selected.
dotStyle	DotStyle	The style of the dot inside the radio button.
shape	RadioShape	The shape of the radio button.
toggleable	bool	Determines whether the radio button can be toggled between selected and unselected states.

Author

• Fady Fayez