Flutter 如何将所有 Widget 放入 List<Widget>？

Question

class _MyHomePageState extends State<MyHomePage> {
  List<int> _counters = [];
  List<Text> t = [];
  void _incrementCounter() {
    setState(() {
      for (var i = 0; i < _counters.length; i++) {
        _counters[i]++;
      }
    });
  }

  @override
  void initState() {
    super.initState();
    for (var i = 0; i < 20; i++) {
      _counters.add(i);
      t.add(Text('${_counters[i]}'));
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: t,
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ),
    );
  }
}

我想隔离小部件List<Widget> t = [];，但它不起作用。因为我想在日期更改时更改 UI 的一部分。它类似于 VUE。有什么建议吗？谢谢！

Answer 1

您还需要在 setState 中调用 List<Widget> 来重建您的小部件

  int _counter = 2;
  List<Widget> t = [];
  void _incrementCounter() {
    setState(() {
      print("working $_counter");
      _counter++;
      t.add(Text('$_counter'));
    });
  }