简单的选择器

showcase

showcase

一个简单且可定制的选择器小部件,带有动画过渡。

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

就是这样。 ☺️ 只能通过提供 `items` 来使用它。

SimpleSelector(
  items: [
    Icon(Icons.lock),
    Icon(Icons.lock_open),
  ],
  duration: const  Duration(milliseconds: 300),
	curve: Curves.easeInOutCubic,
	onChanged: (index) {
	  print(index);
	},
);
  • items 在此处输入要用于选择的项目。
  • duration 用于设置动画持续时间。
  • curve 用于更改动画曲线类型。
  • itemExtent 用于指定项目的宽度。
  • height 用于指定项目的高度。
  • indicatorColor 用于更改指示器颜色。
  • backgroundColor 用于更改背景颜色。
  • radius 用于更改半径。
  • itemPadding 用于为每个项目设置内边距。这样您就可以在项目之间留出空间。
  • mainAxisSize 用于在水平方向上组织项目占据的空间。
  • animation 用于完全消除动画过渡。
  • itemAlign 如果您想更改项目的对齐方式,请使用此项。
  • onChanged 此函数用于查看选定的索引。

GitHub

查看 Github