按下按钮后添加卡片小部件

果汁

我试图在按下按钮后在应用程序中连续动态添加卡。我尝试了不同的方法,但似乎没有任何正常工作,现在我到达了这一点:

    cardList = [];
    setState(() {
      cardList.add(new DynamicCard());
    });
  }

这是我用来添加新卡的方法,在下面的alertDialog中被调用:

return    Alert(
        context: context,
        title: "Add activity",
        content: Column(
          children: <Widget>[
            DropdownButton(
              hint: Text('Select your activity'),
              icon: Icon(Icons.arrow_drop_down),
              value: selectedActivity,
              onChanged: (value){
                setState(() {
                  value = selectedActivity;
                  print(value);               
                });
              },
              //value: selectedActivity,
              items: activityList.map((value) {
                return DropdownMenuItem(
                  value: value, 
                  child: Text(value));
              }).toList() 
              ),
            TextField(
              decoration: InputDecoration(
                labelText: 'Where',
              ),
            ),
          ],
        ),
        buttons: [
          DialogButton(
            onPressed: () {
              addCard();
              Navigator.pop(context);
              },
            child: Text(
              "Add Activity",
              style: TextStyle(color: Colors.white, fontSize: 20),
            ),
          )
        ]).show();

这是我要在按下按钮后添加的卡片:

import 'package:flutter/material.dart';
import 'package:wildnature/widgets/sizeConfig.dart';

class DynamicCard extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SizedBox(
      height: 250,
      width: 350,
      child: Card(
        elevation: 6,
        clipBehavior: Clip.antiAlias,
        child: Column(
          children: [
            ListTile(
              title: Text('Last Activity:'),
            ),
            Padding(
                padding: EdgeInsets.all(8.0),
                child: Text(
                  'Test123',
                  style:
                      TextStyle(fontSize: 5 * SizeConfig.blockSizeHorizontal),
                )),
            Container(
              width: 200,
              height: 160,
              child: Image.asset('assets/camping.png', fit: BoxFit.fill),
            )
          ],
        ),
      ),
    );
  }
}

另外,如何在所需的确切位置渲染此小部件?

果汁

解:

  1. 创建一个新变量:
 bool addWidget = false;
  1. 创建了一个新的小部件:

  Widget createActivityCard(String activy, String activityDesc){
    return SizedBox(
      height: 250,
      width: 350,
      child: Card(
        elevation: 6,
        clipBehavior: Clip.antiAlias,
        child: Column(
          children: [
            ListTile(
              title: Text(activy),
            ),
            Padding(
                padding: EdgeInsets.all(8.0),
                child: Text(
                  activityDesc,
                  style:
                      TextStyle(fontSize: 5 * SizeConfig.blockSizeHorizontal),
                )),
            Container(
              width: 200,
              height: 160,
              child: Image.asset('assets/camping.png', fit: BoxFit.fill),
            )
          ],
        ),
      ),
    );
  }
  1. 按下按钮时将addWidget的值设置为“ true”

  2. 添加了一个简单的if语句,其中条件为addWidget:

if(addWidget)
                    Container(
                     child: createActivityCard('Added by user', 'WE DID IT'))
   ```
   

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

按下后退按钮后,OnCreate运行

来自分类Dev

创建父级后如何动态添加小部件

来自分类Dev

按下按钮后运行事件

来自分类Dev

按下提交按钮后加载php

来自分类Dev

延迟后按下按钮

来自分类Dev

jQuery TextExt插件:按下“空格”后添加标签,然后单击某些按钮

来自分类Dev

GTK + 2 C-输入按下或单击按钮以从条目小部件中获取文本

来自分类Dev

按下按钮后将UI元素动态添加到StackPanel

来自分类Dev

在卡片小部件中添加一个凸起按钮

来自分类Dev

按下按钮后关闭按钮tkinter?

来自分类Dev

按下后会重建Statefull小部件状态

来自分类Dev

在Flutter中从子窗口小部件按返回按钮后如何不调用didChangeDependencies()?

来自分类Dev

按钮单击从API获取的添加下拉小部件

来自分类Dev

按下按钮后添加卡片小部件

来自分类Dev

按钮小部件添加新图块,而不是替换旧图块

来自分类Dev

按下按钮后,如何在GUI中添加一行组件?

来自分类Dev

按下主屏幕按钮后,配置活动中的小部件ID未更新

来自分类Dev

添加admob小部件以隐藏按钮

来自分类Dev

延迟后按下按钮

来自分类Dev

GTK + 2 C-输入按下或单击按钮以从条目小部件中获取文本

来自分类Dev

按下后按钮消失

来自分类Dev

单击按钮刷新后如何刷新小部件列表视图?

来自分类Dev

按下按钮后添加动态表单字段

来自分类Dev

闪亮:在输入类型选择后添加上传小部件

来自分类Dev

按下保存按钮 pyqt5 后关闭第二个小部件

来自分类Dev

如何让这个小部件或卡片列表颤动

来自分类Dev

在 gui 中按下鼠标添加小部件 - kivy python

来自分类Dev

添加内容后调整小部件的大小

来自分类Dev

如何向 roundSlider 小部件添加启用/禁用按钮?

Related 相关文章

  1. 1

    按下后退按钮后,OnCreate运行

  2. 2

    创建父级后如何动态添加小部件

  3. 3

    按下按钮后运行事件

  4. 4

    按下提交按钮后加载php

  5. 5

    延迟后按下按钮

  6. 6

    jQuery TextExt插件:按下“空格”后添加标签,然后单击某些按钮

  7. 7

    GTK + 2 C-输入按下或单击按钮以从条目小部件中获取文本

  8. 8

    按下按钮后将UI元素动态添加到StackPanel

  9. 9

    在卡片小部件中添加一个凸起按钮

  10. 10

    按下按钮后关闭按钮tkinter?

  11. 11

    按下后会重建Statefull小部件状态

  12. 12

    在Flutter中从子窗口小部件按返回按钮后如何不调用didChangeDependencies()?

  13. 13

    按钮单击从API获取的添加下拉小部件

  14. 14

    按下按钮后添加卡片小部件

  15. 15

    按钮小部件添加新图块,而不是替换旧图块

  16. 16

    按下按钮后,如何在GUI中添加一行组件?

  17. 17

    按下主屏幕按钮后,配置活动中的小部件ID未更新

  18. 18

    添加admob小部件以隐藏按钮

  19. 19

    延迟后按下按钮

  20. 20

    GTK + 2 C-输入按下或单击按钮以从条目小部件中获取文本

  21. 21

    按下后按钮消失

  22. 22

    单击按钮刷新后如何刷新小部件列表视图?

  23. 23

    按下按钮后添加动态表单字段

  24. 24

    闪亮:在输入类型选择后添加上传小部件

  25. 25

    按下保存按钮 pyqt5 后关闭第二个小部件

  26. 26

    如何让这个小部件或卡片列表颤动

  27. 27

    在 gui 中按下鼠标添加小部件 - kivy python

  28. 28

    添加内容后调整小部件的大小

  29. 29

    如何向 roundSlider 小部件添加启用/禁用按钮?

热门标签

归档