msh_checkbox 2.0.1 copy "msh_checkbox: ^2.0.1" to clipboard
msh_checkbox: ^2.0.1 copied to clipboard

An animated checkbox, inspired by BEMCheckbox for iOS, using an API similar to Flutter's own Checkbox.

msh_checkbox #

pub package pub points popularity likes

A customizable circular checkbox which plays an animation when checked or unchecked. Inspired by BEMCheckbox for iOS.

Checkbox Examples

Features #

  • Choose from 4 animation/visual styles (stroke, scale in checkmark, scale in background, fade in).

  • Customize colors for active, inactive and disabled states.

  • Customize the animation duration.

Getting started #

Install the package:

flutter pub add msh_checkbox

Usage #

class Example extends StatefulWidget {
  Example({Key? key}): super(key: key);

  @override
  State<Example> createState() => _ExampleState();
}

class _ExampleState extends State<Example> {
  bool isChecked = false;

  @override
  Widget build(BuildContext context) {
    return Center(
      child: MSHCheckbox(
        size: 60,
        value: isChecked,
        colorConfig: MSHColorConfig.fromCheckedUncheckedDisabled(
          checkedColor: Colors.blue,
        ),
        style: MSHCheckboxStyle.stroke,
        onChanged: (selected) {
          setState(() {
            isChecked = selected;
          });
        },
      ),
    );
  }
}

Support #

I know it's a small and simple widget, but if you'd like to support it is certainly appreciated!

Buy Me A Coffee

34
likes
130
pub points
93%
popularity

Publisher

unverified uploader

An animated checkbox, inspired by BEMCheckbox for iOS, using an API similar to Flutter's own Checkbox.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on msh_checkbox