@H_403_0@

@H_403_0@此动画效果是我在浏览文章时发现的一个非常酷炫的效果，于是就使用 Flutter 实现了。
更多动画效果及Flutter资源：https://github.com/781238222/flutter-do

@H_403_0@

添加依赖

@H_403_0@在项目的 pubspec.yaml 文件中添加依赖：

dependencies:
	wheel_switch: ^0.0.1

@H_403_0@执行命令：

flutter pub get

使用

WheelSwitch(
  value: false,)

@H_403_0@

@H_403_0@组件默认的宽高分别是80、30，也可以指定宽高：

WheelSwitch(
  value: false,width: 150,height: 50,)

@H_403_0@开关发生变化回调：

WheelSwitch(
  value: false,onChanged: (value){
    print('WheelSwitch : $value');
  },)

@H_403_0@设置其轨道颜色，分为激活（开）和未激活（关）状态的颜色：

WheelSwitch(
  value: false,activeTrackColor: Colors.red,inactiveTrackColor: Colors.green,)

@H_403_0@

@H_403_0@设置滑块的颜色：

WheelSwitch(
  value: false,activeThumbColor: Colors.blue,inactiveThumbColor: Colors.green,)

@H_403_0@未激活状态（关）：

@H_403_0@

@H_403_0@激活状态（开）：

@H_403_0@

@H_403_0@设置文字和文字样式：

WheelSwitch(
  value: false,activeText: '开',inactiveText: '关',activeTextStyle: TextStyle(color: Colors.white,fontSize: 20),inactiveTextStyle: TextStyle(color: Colors.cyanAccent,fontSize: 10),)

@H_403_0@

交流

@H_403_0@老孟Flutter博客（330个控件用法+实战入门系列文章）：http://laomengit.com

@H_403_0@欢迎加入Flutter交流群（微信：laomengit）、关注公众号【老孟Flutter】：

@H_403_111@