按下按钮即可动态添加小部件

Question

我创建了一个类，该类具有一个小部件，我希望该小部件在按下按钮时出现在首页上。

https://gyazo.com/f9cc3e2c1f48e9efeb7b1d1c9b0b988e

从这张图片中可以看到，“家庭护理套件”矩形是小部件，我希望它们在您按下添加设备按钮时出现。

这是按钮的代码：

child: RaisedButton(

elevation: 0,
shape: RoundedRectangleBorder(
  borderRadius: BorderRadius.circular(40.0),
side: BorderSide(color: Colors.transparent)),
onPressed: () {print('Clicked!');},
color: Colors.transparent,
textColor: Colors.white,
child: Text('Add Device', style: TextStyle(color: Colors.white, fontSize: 18)),

),

和小部件类简称为HomeCareKit（）

Answer 1

您首先需要一个小部件列表：

List<Widget> _widgetList = [];

，然后将此小部件列表传递给ListView或Column，例如：

ListView(
    children:_widgetList,
  )

要动态添加小部件，您可以在onPressed内执行此操作：

setState(() {
  _widgetList.add(HomeCareKit());
});