Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 如何在flatter中设置文本字体大小的动画?_Flutter_Flutter Animation - Fatal编程技术网

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'),
),
);
}

check
AnimatedDefaultTextStyle
@pskink-TBH,我只是来为同样的问题写答案,但看到了你的评论。是的,代码越简单,检查越好
AnimatedDefaultTextStyle
@pskink-TBH,我只是来为同样的问题写答案,但看到了你的评论。是的,代码越简单,越好