此影片效果是我在瀏覽文章時發現的一個非常酷炫的效果，于是就使用 Flutter 實作了，
更多影片效果及Flutter資源：https://github.com/781238222/flutter-do
添加依賴
在專案的 pubspec.yaml 檔案中添加依賴：
dependencies:
wheel_switch: ^0.0.1
執行命令：
flutter pub get
使用
WheelSwitch(
value: false,
)
組件默認的寬高分別是80、30，也可以指定寬高：
WheelSwitch(
value: false,
width: 150,
height: 50,
)
開關發生變化回呼：
WheelSwitch(
value: false,
onChanged: (value){
print('WheelSwitch : $value');
},
)
設定其軌道顏色，分為激活（開）和未激活（關）狀態的顏色：
WheelSwitch(
value: false,
width: 150,
height: 50,
activeTrackColor: Colors.red,
inactiveTrackColor: Colors.green,
)
設定滑塊的顏色：
WheelSwitch(
value: false,
width: 150,
height: 50,
activeTrackColor: Colors.red,
inactiveTrackColor: Colors.green,
activeThumbColor: Colors.blue,
inactiveThumbColor: Colors.green,
)
未激活狀態（關）：
激活狀態（開）：
設定文字和文字樣式：
WheelSwitch(
value: false,
width: 150,
height: 50,
activeText: '開',
inactiveText: '關',
activeTextStyle: TextStyle(color: Colors.white,fontSize: 20),
inactiveTextStyle: TextStyle(color: Colors.cyanAccent,fontSize: 10),
)
交流
老孟Flutter博客（330個控制元件用法+實戰入門系列文章）：http://laomengit.com
歡迎加入Flutter交流群（微信：laomengit）、關注公眾號【老孟Flutter】：
 |
 |
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/227960.html
標籤：其他