我想在构建Widget后经过一定的延迟后执行一个函数。在Flutter中这样做的惯用方式是什么?
我要实现的目标:我想从默认的FlutterLogo
Widget开始,然后style
在一段时间后更改其属性。
Answers:
Future.delayed
一段时间后,您可以用来运行代码。例如:
Future.delayed(const Duration(milliseconds: 500), () {
// Here you can write your code
setState(() {
// Here you can write your code for open new view
});
});
在setState函数中,您可以编写与应用程序UI相关的代码,例如刷新屏幕数据,更改标签文本等。
想通了😎
class AnimatedFlutterLogo extends StatefulWidget {
@override
State<StatefulWidget> createState() => new _AnimatedFlutterLogoState();
}
class _AnimatedFlutterLogoState extends State<AnimatedFlutterLogo> {
Timer _timer;
FlutterLogoStyle _logoStyle = FlutterLogoStyle.markOnly;
_AnimatedFlutterLogoState() {
_timer = new Timer(const Duration(milliseconds: 400), () {
setState(() {
_logoStyle = FlutterLogoStyle.horizontal;
});
});
}
@override
void dispose() {
super.dispose();
_timer.cancel();
}
@override
Widget build(BuildContext context) {
return new FlutterLogo(
size: 200.0,
textColor: Palette.white,
style: _logoStyle,
);
}
}
Timer
从哪里进口的?
import 'dart:async'
timer = ...
在initState
覆盖。这样,您就可以访问构造函数中widget
设置的内容State<>
。
(在旧q上添加响应,因为这是google上的最高结果)
我试图在一个集团内部的回调中产生一个新状态,但是它没有用。尝试使用Timer和Future.delayed。
但是,工作是...
await Future.delayed(const Duration(milliseconds: 500));
yield newState;
等待一个空虚的未来,然后再运行该功能。
您可以通过两种方式做到1Future.delayed
和2Timer
使用计时器
Timer
是代表递减计时器的类,该计时器被配置为在达到时间结束时触发动作,并且可以触发一次或重复触发。
确保导入 dart:async
程序包以使用程序启动 Timer
Timer(Duration(seconds: 5), () {
print(" This line is execute after 5 seconds");
});
使用Future.delayed
Future.delayed
是创建一个在延迟后运行其计算的未来。
确保 import "dart:async";
打包以启动要使用的程序 Future.delayed
Future.delayed(Duration(seconds: 5), () {
print(" This line is execute after 5 seconds");
});
只是在这里留下所有人都在寻找的摘录:
Future.delayed(Duration(milliseconds: 100), () {
// Do something
});
import 'dart:async';
Timer timer;
void autoPress(){
timer = new Timer(const Duration(seconds:2),(){
print("This line will print after two seconds");
});
}
autoPress();
等待Future.delayed(Duration(毫秒:1000));