flutter - 如何在Flutter中制作一个不断增大和缩小的widget？

Question

如何在 flutter 中制作一个小部件，使其尺寸不断增大和缩小，以便用户能够识别出这是他或她可以按下的某种按钮？

Answer 1

拥有一个StatefulWidget，这是一种简单的方法:

var height = 100.0;
var width = 100.0;

@override
void initState() {
  super.initState();
  _animation();
}

void _animation() {
  Timer.periodic(Duration(seconds: 1), (timer) {
    setState(() {
      height = height == 100.0 ? 50.0 : 100.0;
      width = width == 100.0 ? 50.0 : 100.0;
    });
  });
}

@override
Widget build(BuildContext context) {
  return Material(
    child: Center(
      child: AnimatedContainer(
        duration: Duration(seconds: 1),
        height: height,
        width: width,
        decoration: BoxDecoration(
          color: Colors.red,
          borderRadius: BorderRadius.circular(50)
        ),
      ),
    ),
  );
}

此代码的结果如下: