flutter实现开关动画

最新推荐文章于 2024-09-20 10:58:34 发布

清风99w

最新推荐文章于 2024-09-20 10:58:34 发布

阅读量588

点赞数 1

分类专栏： Flutter

本文链接：https://blog.csdn.net/weixin_45425105/article/details/113996611

版权

Flutter wheel_switch 组件开关代码实现

关键词由CSDN通过智能技术生成

Flutter 专栏收录该内容

53 篇文章 3 订阅

订阅专栏

一、效果展示
在这里插入图片描述
二、下载依赖
下载依赖 wheel_switch: ^0.0.1
运行指令：flutter pub get或者 flutter packages get
导包 import ‘package:wheel_switch/wheel_switch.dart’;

三、代码实现，复制即可运行

import 'package:wheel_switch/wheel_switch.dart';
import 'package:flutter/material.dart';

void main()=>runApp(MyApp());
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home:kaiguan()
    );
  }
}

class kaiguan extends StatefulWidget {
  @override
  _kaiguanState createState() => _kaiguanState();
}
class _kaiguanState extends State<kaiguan> with SingleTickerProviderStateMixin {
  AnimationController _controller;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("我的大小姐"),
      ),
      body:new WheelSwitch(//开关的代码
        value: false,
        width: 150,
        height: 50,
        activeTrackColor: Colors.red,
        inactiveTrackColor: Colors.green,
      )
      );
  }
}