如何让一个有状态的窗口小部件在flutter中随着时间添加新的点？

import 'package:flutter/material.dart';

class MyWidget extends StatefulWidget {
  @override
  _MyWidgetState createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> {
  List<Widget> points = []; // 用于存储点的列表

  @override
  void initState() {
    super.initState();
    // 在初始化阶段添加初始点
    points.add(Container(
      width: 10,
      height: 10,
      color: Colors.red,
    ));
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        // 显示所有的点
        Column(children: points),
        SizedBox(height: 10),
        // 添加新点的按钮
        ElevatedButton(
          onPressed: () {
            setState(() {
              // 在按钮点击时添加新的点
              points.add(Container(
                width: 10,
                height: 10,
                color: Colors.red,
              ));
            });
          },
          child: Text('添加新点'),
        ),
      ],
    );
  }
}

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Flutter窗口小部件示例')),
        body: Center(
          child: MyWidget(), // 使用自定义窗口小部件
        ),
      ),
    );
  }
}