A simple and customizable selector widget with animated transition

Simple Selector

A simple and customizable selector widget with animated transition.

SimpleSelector(
  items: [
    Icon(Icons.lock),
    Icon(Icons.lock_open),
  ],
);

That’s it. ☺️ You can only use it by giving an items.

SimpleSelector(
  items: [
    Icon(Icons.lock),
    Icon(Icons.lock_open),
  ],
  duration: const  Duration(milliseconds: 300),
	curve: Curves.easeInOutCubic,
	onChanged: (index) {
	  print(index);
	},
);

• items The items to be used in the selection are entered here.
• duration Use this to set the animation duration.
• curve Use this to change the animation curve type.
• itemExtent Use this to specify the width of the items.
• height Use this to specify the height of the items.
• indicatorColor Use this to change the indicator color.
• backgroundColor Use this to change the background color.
• radius Use this to change the radius.
• itemPadding Use this to give padding to each of the items. This way you can leave space between items.
• mainAxisSize Use this to organize the space occupied by items horizontally.
• animation Use this to eliminate the animation transition altogether.
• itemAlign If you want to change where the items are aligned use this.
• onChanged This function is used to see the selected index.

GitHub

View Github