执行动画时,如果视图中有比较复杂的渲染操作,这个时候会有卡顿的现象发生
使用下面代码,监听动画执行状态,在动画执行结束之后,再执行复杂的渲染操作
void listenAnimation(BuildContext context) {
var route = ModalRoute.of(context);
if (route?.animation != null) {
// 监听动画状态
route!.animation!.addStatusListener((status) {
if (status == AnimationStatus.completed) {
// 执行网络请求等复杂操作
}
});
}
}
参考文章:Flutter 转场动画卡顿






网友评论