Flutter 如何在flatter中设置文本字体大小的动画?
有没有办法在Flutter 如何在flatter中设置文本字体大小的动画?,flutter,flutter-animation,Flutter,Flutter Animation,有没有办法在文本小部件中设置字体大小的增加/减少动画?这可以通过许多不同的方式实现,比如使用动画控制器,设置侦听器,然后在其上调用设置状态。但我认为更好的方法是在您的用例中使用TweenAnimationBuilder。以下是最简单的代码: double\u size=10; @凌驾 小部件构建(构建上下文){ 返回脚手架( 浮动操作按钮:浮动操作按钮( 子:图标(Icons.add), 按下时:()=>设置状态(()=>_size+=30), ), 正文:TweeAnimationBuilde
文本
小部件中设置字体大小
的增加/减少动画?这可以通过许多不同的方式实现,比如使用动画控制器
,设置侦听器,然后在其上调用设置状态
。但我认为更好的方法是在您的用例中使用TweenAnimationBuilder
。以下是最简单的代码:
double\u size=10;
@凌驾
小部件构建(构建上下文){
返回脚手架(
浮动操作按钮:浮动操作按钮(
子:图标(Icons.add),
按下时:()=>设置状态(()=>_size+=30),
),
正文:TweeAnimationBuilder(
持续时间:持续时间(毫秒:300),
吐温:吐温(开始:_尺寸,结束:_尺寸),
生成器:(u,size,u)=>Text('A',style:TextStyle(fontSize:size)),
),
);
}
这可以通过许多不同的方式来完成,比如使用AnimationController
,设置侦听器,然后对其调用setState
。但我认为更好的方法是在您的用例中使用TweenAnimationBuilder
。以下是最简单的代码:
double\u size=10;
@凌驾
小部件构建(构建上下文){
返回脚手架(
浮动操作按钮:浮动操作按钮(
子:图标(Icons.add),
按下时:()=>设置状态(()=>_size+=30),
),
正文:TweeAnimationBuilder(
持续时间:持续时间(毫秒:300),
吐温:吐温(开始:_尺寸,结束:_尺寸),
生成器:(u,size,u)=>Text('A',style:TextStyle(fontSize:size)),
),
);
}
使用AnimatedTextStyle
可能是一个更简单的解决方案
double\u size=10;
@凌驾
小部件构建(构建上下文){
返回脚手架(
浮动操作按钮:浮动操作按钮(
子:图标(Icons.add),
按下时:()=>设置状态(()=>_size+=50),
),
主体:动画默认文本样式(
持续时间:持续时间(毫秒:400),
样式:文本样式(字体大小:_大小),
child:Text('A'),
),
);
}
使用AnimatedTextStyle
可能是一个更简单的解决方案
double\u size=10;
@凌驾
小部件构建(构建上下文){
返回脚手架(
浮动操作按钮:浮动操作按钮(
子:图标(Icons.add),
按下时:()=>设置状态(()=>_size+=50),
),
主体:动画默认文本样式(
持续时间:持续时间(毫秒:400),
样式:文本样式(字体大小:_大小),
child:Text('A'),
),
);
}
checkAnimatedDefaultTextStyle
@pskink-TBH,我只是来为同样的问题写答案,但看到了你的评论。是的,代码越简单,检查越好AnimatedDefaultTextStyle
@pskink-TBH,我只是来为同样的问题写答案,但看到了你的评论。是的,代码越简单,越好