flutter自定义开关控件 flutter_switch_plus

控件样式:
flutter自定义开关控件 flutter_switch_plus_第1张图片

使用方式:
在pubspec.yaml中添加:

flutter_switch_plus: ^0.0.1

flutter_switch_plus是对官方Switch控件的功能加强,其实官方提供在Switch已经很优秀了,样式跟iOS的开关样式也比较像,唯一的缺点是没法改大小(控件宽高在代码中写死了可还行),因此结合官方的控件做了一个加强版的。

使用方式:

PlusSwitch(
              value: true,
              activeTrackColor:Color(0xFFF9820E),
              activeColor: GlobalThemeStyles.WHITE,
              inactiveTrackColor: Color(0xFFB3B3B3),
              kTrackWidth: 100,
              kTrackHeight: 40,
              onChanged: (bool value) {},
            )

相关参数:

参数 说明
value 开启状态(true:开启;false:关闭)
onChanged 开关状态改变回调
activeTrackColor 开关开启背景色
activeColor 圆形按钮颜色
inactiveTrackColor 开关关闭背景色
kTrackWidth 开关宽度
kTrackHeight 开关高度

flutter_switch_plus

你可能感兴趣的:(Flutter入门,flutter,flutter,switch,自定义,开关)