Flutter AnimatedIcon 图标也可以动画

AnimatedIcon 图标也可以以动画的方式显示。

import 'package:flutter/material.dart';void main() {runApp(MyApp());
}class MyApp extends StatelessWidget {// This widget is the root of your application.@overrideWidget build(BuildContext context) {return MaterialApp(title: 'Flutter Demo',theme: ThemeData(primarySwatch: Colors.blue,),home: MyHomePage(),);}
}class MyHomePage extends StatefulWidget {const MyHomePage({Key? key}) : super(key: key);@override_MyHomePageState createState() => _MyHomePageState();
}class _MyHomePageState extends State<MyHomePage>with SingleTickerProviderStateMixin {late AnimationController _controller;@overridevoid initState() {super.initState();_controller = AnimationController(vsync: this)..drive(Tween(begin: 0, end: 1))..duration = Duration(milliseconds: 500);}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text("Icon Demo"),),body: Container(child: Center(child: Center(child: InkWell(child: AnimatedIcon(icon: AnimatedIcons.home_menu,progress: _controller,size: 36,),onTap: () {if (_controller.status == AnimationStatus.completed) {_controller.reverse();} else if (_controller.status == AnimationStatus.dismissed) {_controller.forward();}},),),),),);}@overridevoid dispose() {// TODO: implement dispose_controller.dispose();super.dispose();}
}

Flutter AnimatedIcon 图标也可以动画相关推荐

flutter FadeTransition实现透明度渐变动画
更多文章请查看 flutter从入门到精通 flutter 动画状态监听器 AnimationController //动画控制器AnimationController controller;//A ...
android电池充电动画,Android 开机充电图标和充电动画效果
首先驱动需要先获取到2个power supply kernel\msm-3.18\drivers\usb\phy\phy-msm-usb.c motg->usb_psy.name = " ...
android js 开屏动画,利用Flutter实现“孔雀开屏”的动画效果
前言今天分享一个类似"孔雀开屏"的动画效果,打开新的页面时,新的页面从屏幕右上角以圆形逐渐打开到全屏. 先来看下具体的效果不知道这种效果大家叫什么名字?如果有更合适的名字可以在 ...
Flutter Hero 实现径向变换动画 — 圆形变成矩形的转场动画
系列文章 Flutter 旋转动画 - RotationTransition Flutter 平移动画 - 4种实现方式 Flutter 淡入淡出与逐渐出现动画 Flutter 尺寸缩放.形状.颜色. ...
Ionic + Vue3 + Capacitor 配置应用信（App 包名、应用名、应用图标、启动动画、版本信息）
目录 1. App 包名.应用名 1.1 在 VS Code 中的操作 1.2 在 Android Studio 中的操作 2. App 应用图标.启动动画 2.1 添加应用图标.启动界面图片 2. ...
Flutter Icons 图标库国内镜像
外网访问太慢, 这个国内的镜像比较快 www.fluttericon.cn Flutter Icon 图标网
Flutter Icons图标库地址
Flutter Icons图标库地址: https://material.io/resources/icons/?icon=account_balance&style=baseline
FCPX插件图标和徽标动画 CineFlare KineticBadges v1.0.3破解版
想要在您的Final Cut Pro X视频中添加富有个性的图标吗?CineFlare KineticBadges 破解版是一款fcpx图标和徽标插件,可以作为独立的矢量图形使用,或者是与其他的徽章选 ...
【笔记】Flutter flutter_launcher_icons 图标生成插件/应用图标/[报错处理]
在线App图标[简单做个标识用用] 蒲公英 - App 图标在线制作 (pgyer.com) 学习指南[我不写了!!!] flutter 最简单的应用程序图标制作方法 - 掘金 (juejin.cn) ...

Flutter AnimatedIcon 图标也可以动画

Flutter AnimatedIcon 图标也可以动画相关推荐

最新文章

热门文章