欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Flutter實戰(zhàn)教程之酷炫的開關動畫效果

 更新時間：2020年11月27日 09:31:50   作者：老孟  
這篇文章主要給大家介紹了關于Flutter實戰(zhàn)教程之酷炫的開關動畫效果的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

前言

此動畫效果是我在瀏覽文章時發(fā)現(xiàn)的一個非?？犰诺男Ч谑蔷褪褂?Flutter 實現(xiàn)了。

更多動畫效果及Flutter資源： https://github.com/781238222/flutter-do

添加依賴

在項目的 pubspec.yaml 文件中添加依賴：

dependencies:
 wheel_switch: ^0.0.1

執(zhí)行命令：

flutter pub get

使用

WheelSwitch(
 value: false,
)

組件默認的寬高分別是80、30，也可以指定寬高：

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

開關發(fā)生變化回調(diào)：

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

設置其軌道顏色，分為激活（開）和未激活（關）狀態(tài)的顏色：

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,
)

未激活狀態(tài)（關）：

激活狀態(tài)（開）：

設置文字和文字樣式：

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個控件用法+實戰(zhàn)入門系列文章）： http://laomengit.com

到此這篇關于Flutter實戰(zhàn)教程之酷炫的開關動畫效果的文章就介紹到這了,更多相關Flutter開關動畫效果內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

相關文章

  • AndroidStudio Gradle第三依賴統(tǒng)一管理的實現(xiàn)方法

    AndroidStudio Gradle第三依賴統(tǒng)一管理的實現(xiàn)方法

    這篇文章主要介紹了AndroidStudio Gradle第三依賴統(tǒng)一管理的實現(xiàn)方法,需要的朋友可以參考下
    2017-09-09

    • 最新評論