首页 > 解决方案 > 如何在 Flutter 中为文本的 fontSize 设置动画?

问题描述

有什么方法可以动画小部件fontSize中的增加/减少Text

标签: flutterflutter-animation

解决方案


可能更简单的解决方案是使用AnimatedTextStyle.

double _size = 10;
  
@override
Widget build(BuildContext context) {
  return Scaffold(
    floatingActionButton: FloatingActionButton(
      child: Icon(Icons.add),
      onPressed: () => setState(() => _size += 50),
    ),
    body: AnimatedDefaultTextStyle(
      duration: Duration(milliseconds: 400),
      style: TextStyle(fontSize: _size),
      child: Text('A'),
    ),
  );
}

推荐阅读