我是新来的Flutter和 dart ,仍然学习他们。
我需要为彩色圆圈网格制作动画,如以下gif所示:
我在网上搜索了很多都没有结果。
下面是我正在编写的代码:
child: GridView.builder(
padding: const EdgeInsets.all(5.0),
shrinkWrap: true,
itemCount: colorsList.length,
gridDelegate:
SliverGridDelegateWithFixedCrossAxisCount(
childAspectRatio: 1.0,
crossAxisSpacing: 5.0,
mainAxisSpacing: 5.0,
crossAxisCount: 5),
itemBuilder: (context, index) {
var color = colorsList[index];
return MaterialButton(
elevation: 0,
color: color,
shape: CircleBorder(),
onPressed: () {
Navigator.pop(context);
setState(() {
AnimatedList(
itemBuilder: (context, index,
animation) {
return SlideTransition(
position: animation
.drive(List<color>));
},
);
mainColor = color;
});
});
},
),
感谢任何帮助
1条答案
按热度按时间kse8i1jr1#
使用auto_animated,
或
这可能会有帮助,flutter_staggered_animations: