如何在文本小部件Flutter中无限循环

Question

这很简单，只需无限增加计数器并用小部件Text((显示即可很简单，对吧？。。

import 'package:flutter/material.dart';
void main() {
runApp(const MaterialApp(home: RainbowButton()));
}
class _RainbowButtonState extends State<RainbowButton> {
int counter = 0;
void _increase() {
super.initState();
while (true) {
setState(() {
counter++;
});
}
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child:
Column(mainAxisAlignment: MainAxisAlignment.spaceAround, children: [
Text(counter.toString()),
]),
)));
}
}
class RainbowButton extends StatefulWidget {
const RainbowButton({Key? key}) : super(key: key);
@override
_RainbowButtonState createState() => _RainbowButtonState();
}

它只显示一个0，但不会上升。

到目前为止，我只得到了这些，我对你的时间表示敬意和感谢。我觉得有点不知所措。

Answer 1

显示有状态页面时，可以在initState()函数上设置操作/s。至于您的具体应用程序，您可以使用Timer.periodic遵循jamesdlin的建议。

示例代码：

void initState() {
Timer.periodic(Duration(seconds: 1), (timer) {
setState(() {
counter++;
});
});
super.initState();
}