flutter - 如何在不同的小部件上使用相同的 animation.value?
问题描述
我是flutter的新手,谁能告诉我如何使用多个实例在不同的小部件中animation
单独使用animation.value
,例如我在这里使用它,因为width: animation.value
欢迎任何帮助
.....
controller =
AnimationController(vsync: this, duration: Duration(milliseconds: 300));
animation = Tween<double>(begin: 0, end: 200).animate(controller)
..addListener(() {
setState(() {});
});
.......
Widget build(BuildContext context) {
return Scaffold(
body: Row(
children: <Widget>[MouseRegion(
onEnter: (hovered) {
controller.forward();
},
onExit: (hovered) {
controller.reverse();
},
child: Container(
color: Colors.black,
child: Stack(
children: <Widget>[
AnimatedContainer(
padding: EdgeInsets.all(5),
color: Colors.red.shade300,
duration: Duration(milliseconds: 300),
curve: Curves.decelerate,
height: 5,
width: animation.value,
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
"About",
softWrap: false,
style: TextStyle(
color: Colors.white, fontSize: 18),
),
),
],
),
),
),
MouseRegion(
onEnter: (hovered) {
controller.forward();
},
onExit: (hovered) {
controller.reverse();
},
child: Container(
color: Colors.black,
child: Stack(
children: <Widget>[
AnimatedContainer(
padding: EdgeInsets.all(5),
color: Colors.red.shade300,
duration: Duration(milliseconds: 300),
curve: Curves.decelerate,
height: 5,
width: animation.value,
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
"About",
softWrap: false,
style: TextStyle(
color: Colors.white, fontSize: 18),
),
),
],
),
),
),],);}
解决方案
推荐阅读
- java - 即使在 java 中设置了关系,Hibernate 也没有在 mysql 中设置外键
- asp.net-core-webapi - 删除 ProducesResponseType 属性 webapi aspnetcore 2.1
- firebase - 如何在 ionic v1 中跟踪 Firebase 分析中的事件
- javascript - 如何执行过滤器和包含
- ios - 如何在iOS swift中使用firestore获取用户的帖子计数
- development-environment - 页面未在谷歌搜索控制台中索引
- swift - 即使在使用“准备”之后,ARKit 添加节点也会导致丢帧
- python - 如果值中的搜索项(值是列表),则获取 dict 的键
- solr - Solr Suggestor 的 DSE CQL 查询
- c - 在客户端和服务器上使用 UDP 套接字的封装和辅助功能