jaumard/rive_checkbox

Checkbox widget with two or three state animation with a Rive animation of your choice

rive_checkbox

Checkbox widget with two or three state animation with a Rive animation of your choice

Usage

RiveCheckbox(
  animation: 'assets/checkbox.riv',
  value: true,
),

You can customize the widget with:

animation: path/name to your Rive animation

animationOn: animation name of on state, default to On

animationOff: animation name of off state, default to Off

animationUnknown: animation name of unknown state, default to Unknown

value: null, false or true

width: force width of the animation

height: force height of the animation

tristate: true/false to enable null as an initial value

onChanged: callback whenever to checkbox change his state

useArtboardSize: use Rive artboard size instead of scaling

if tristate is false and value is null, it will be set to false

How it works

To make your Rive animation compatible with this widget it's simple:

• when value is true the animation On is called
• when value is false the animation Off is called
• when value is null and tristate true the animation Unknown is called