flutter - 如何定期设置状态?
问题描述
我正在尝试为特殊日子构建一个倒计时应用程序,例如 11 d 2 h 30 m 23s 到新年,但我不能每秒重新加载我的状态,所以它只显示我加载页面的第二个我没有知道如何动态地重新加载页面。
import 'package:flutter/material.dart';
class RopSayac extends StatefulWidget {
_RopSayacState createState() => _RopSayacState();
}
class _RopSayacState extends State<RopSayac> {
var now = DateTime.now().second.toString();
String asd(){
setState(() {
now = DateTime.now().second.toString();
});
return now;
}
@override
Widget build(BuildContext context) {
return Container(
child: new Text(asd()),
);
}
}
这就是我得到的,它不会重新加载时间。我对颤振很陌生。
解决方案
正如 pskink 和 Günter 提到的,使用Timer
. 您甚至可以使用periodic
适合您的场景的构造函数。
请注意,您不需要该asd()
功能。当您调用时,将自动调用setState()
该方法并传递新的属性值。build
now
如果需要,请使用initState
设置初始值,如本例所示,设置Timer
.
import 'dart:async';
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(title: 'Timer Periodic Demo', home: RopSayac());
}
}
class RopSayac extends StatefulWidget {
_RopSayacState createState() => _RopSayacState();
}
class _RopSayacState extends State<RopSayac> {
String _now;
Timer _everySecond;
@override
void initState() {
super.initState();
// sets first value
_now = DateTime.now().second.toString();
// defines a timer
_everySecond = Timer.periodic(Duration(seconds: 1), (Timer t) {
setState(() {
_now = DateTime.now().second.toString();
});
});
}
@override
Widget build(BuildContext context) {
return Container(
child: Center(
child: new Text(_now),
),
);
}
}
推荐阅读
- groovy - 获取属性,即使它们不存在
- fabricjs - 与对象一起旋转、倾斜、缩放和调整蒙版
- sql - SQL LEFT JOIN 根据加入的内容排除成员?
- javascript - 如何通过 webpack 将版本哈希附加到样式文件?
- oracle11g - 从另一个表更新记录时出错:SQL 错误:ORA-30926:无法在源表中获得一组稳定的行
- c# - 如何使用 ObservableCollection 从列表视图中删除 SelectedItem
- php - Laravel 队列在作业调度时出现 curl 错误
- assembly - 无后缀的汇编mov指令
- php - 在php中将字符串转换为csv
- plone - 架构界面中的可选字段