Question

我正在尝试实现一个功能，该功能将定期将小部件添加到我的列表中（例如，每2秒一次），并调用setState以更新我正在绘制的列表。

我试图只调用setState()，它只工作一次，我认为setState只是不调用函数。我甚至尝试在函数中使用While(true)，但是在setState之后，它就坏了。我也尝试了递归，一次调用后它也停止了。

class _HomePageState extends State<HomePage>{

  List<Widget> currentMessages = [];

  Future<void> addText() async {
      await Future.delayed(Duration(seconds: 2));
      setState((){
        currentMessages.add(Text("It works?"));
      });
  }

  @override
  Widget build(BuildContext context) {

    addText();

    return Scaffold(
      body: Center(
        child: ListView(
          children: (currentMessages.isEmpty ? <Widget>[Container()]:currentMessages),
        ),
      )
    );
  }
}

Answer 1

覆盖initState和dispose并分别创建和取消计时器。例如：

class MyAppState extends State<MyApp> {
  Timer t;

  @override
  void initState() {
    super.initState();
    t = Timer.periodic(
      Duration(seconds: 1),
      (_) {
        setState(() {
          // do something here that will happen every second
        });
      },
    );
  }

  @override
  void dispose() {
    t?.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

Answer 2

这应该有效。

class _SOState extends State<SO> {
  List<Widget> currentMessages = [];

  Timer timer;

  @override
  void initState() {
    super.initState();

    const twoSec = const Duration(seconds: 2);
    timer = new Timer.periodic(twoSec, (Timer t) {
      setState(() {
        currentMessages.add(Text("It works?"));
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ListView.builder(
          itemCount: currentMessages.length,
          itemBuilder: (BuildContext context, int index) {
            if (currentMessages.length == 0) return Container();
            return currentMessages[index];
          },
        ),
      ),
    );
  }

  @override
  void dispose() {
    timer.cancel();
    super.dispose();
  }
}

不知道为什么ListView不更新您的代码更改。所以我用了builder。

异步定期setState

2 个答案: