颤振使用动画控制器钩子不重建小部件

Question

我正在使用flutter hooks包来为屏幕上的元素设置动画，但我显然做了一些错误的事情，因为元素没有重建为动画。这是我的密码。

class Ball extends HookWidget {
@override
Widget build(BuildContext context) {
final xController = useAnimationController(
duration: Duration(seconds: 3),
lowerBound: 0,
upperBound: 2,
initialValue: 1,
);
final yController = useAnimationController(
duration: Duration(seconds: 3),
lowerBound: 0,
upperBound: 2,
initialValue: 1,
);
useEffect(() {
xController.repeat(reverse: true);
yController.repeat(reverse: true);
return () {};
});
return Align(
alignment: Alignment(
xController.value - 1,
yController.value - 1,
),
child: Container(
width: 12,
height: 12,
decoration: BoxDecoration(
color: Colors.grey[900],
shape: BoxShape.circle,
),
),
);
}
}

渲染时，此小部件位于堆栈内部。在运行时或构建时都不会引发错误。

Answer 1

对于将来查看此内容的任何人，您必须执行此

final xController = useAnimationController({ ... })
useAnimation(xController)