如何在Flutter中不断更新文本小部件?

时间:2020-06-28 09:57:23

标签: flutter dart

我是Flutter的新手,但是在JavaScript(尤其是p5.js)方面有很多经验。 这是一个类似于Arduino代码的库,它基于两个函数:function setup()(在程序开始时运行一次)和function draw()(在每次框架更新时触发)。

现在是一个实际的问题:我有一个Text()小部件和一个Stopwatch()。我希望文本小部件显示任何_stopwatch.elapsedMilliseconds()返回的内容。有p5.js的draw函数的类似物吗?

MWE:

import 'package:flutter/material.dart'
class Homepage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _HomeState();
  }
}

class _HomeState extends State<Homepage> {
  Stopwatch _stopwatch = Stopwatch();
  int _ms = 0;

  void start() {
    setState(() {
      _stopwatch.start();
    });
  }

  @override
  Widget build(BuildContext ctx) {
    return Scaffold(
      body: Center(
        child: Column(
          children: [
            Text("Elapsed milliseconds: $_ms"),
            RaisedButton(onTapped: start, child: Text("Start"),)
          ]
        ),
      ),
    );
}

0 个答案:

没有答案