解决flutter showDialog下拉框,复选框等无法及时响应的问题

这篇具有很好参考价值的文章主要介绍了解决flutter showDialog下拉框,复选框等无法及时响应的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

使用StatefulBuilder文章来源地址https://www.toymoban.com/news/detail-651844.html

  _showDialogr() {
    showDialog(
      context: context,
      builder: (BuildContext ctx) {
        return StatefulBuilder(
          builder: (BuildContext context, StateSetter setState) {
            return Scaffold(
              body: Column(
                children: <Widget>[
                  Container(
                    height: 400,
                    padding: EdgeInsets.fromLTRB(8, 0, 8, 8),
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(20),
                      color: Colors.white,
                    ),
                    child: Column(
                      mainAxisSize: MainAxisSize.min,
                      children: <Widget>[
                        SizedBox(
                          height: 15,
                        ),
                        Expanded(
                          flex: 6,
                          child: Column(
                            mainAxisSize: MainAxisSize.min,
                            children: <Widget>[
                              Row(
                                children: [
                                  Expanded(
                                    flex: 8,
                                    child: DropdownButton<String>(
                                      items: getList(),
                                      hint: Text('请选择'),
                                      value: Id,
                                      onChanged: (String? str) {
                                        setState(() {
                                         Id = str;
                                        });
                                      },
                                      elevation: 24,
                                      style: TextStyle(
                                        color: Colors.black,
                                        fontSize: 16,
                                      ),
                                    ),
                                  ),
                                ],
                              ),
                            ],
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            );
          },
        );
      },
    );
  }

到了这里,关于解决flutter showDialog下拉框,复选框等无法及时响应的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Layui禁止表格部分复选框,layui禁止表格自带第一列复选框,layui禁止表格部分复选框,layui获取表格复选框选中数据

    禁止某些行可以勾选操作,及选中后的操作和行操作 执行一个table示例 cols 的第一列就是需要重写的复选框 其中templet: \\\"#toolCheck\\\"的标签块 监听全选重写 获取复选框选中的值,tempTableList当前列表返回的数组 以上即可! 监听行复选框点击(如果没有重写复选框就可以用) 标签

    2024年02月09日
    浏览(58)
  • 解决el-table数据量过大(上万条)加载及复选框选择卡顿问题

    需要用到umy-ui组件及虚拟表格。 安装: 引用: 1,数据量加载卡顿问题。 把el-table改成u-table。 把el-table-column改成u-table-column。 u-table增加三个属性(必须): use-virtual,row-height,height,表示启用虚拟列表。  如此一来便可流畅加载上万条数据了。 2,复选框默认选择,全选卡顿

    2024年02月12日
    浏览(91)
  • vue中获取复选框是否被选中的值、如何用JavaScript判断复选框是否被选中

    一、方法介绍          第一种方法:通过获取dom元素,getElementById、querySelector、getElementsByName、querySelectorAll(需要遍历,例如:for循环)         第二种是用v-model在input复选框上绑定一个变量,通过双向绑定的特性来判断复选框是否被选中。 (推荐使用) 二、演示

    2024年02月03日
    浏览(52)
  • html之input复选框变为圆形、自定义复选框、消除默认样式、去除默认样式、事件代理、事件委托

    input 标签对事件委托不起作用,需要单独在 input 上绑定事件。 w3school outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 注释:轮廓线不会占据空间,也不一定是矩形。 outline 简写属性在一个声明中设置所有的轮廓属性。 MDN CSS的 outli

    2024年02月16日
    浏览(64)
  • react antd阻止Checkbox事件冒泡(折叠面板标题中增加复选框,阻止点击复选框折叠面板展开/折叠)

    背景 折叠面板Collapse标题中增加复选框,点击复选框,会触发折叠面板的展开和折叠。 我们希望勾选复选框的时候,不能影响到折叠面板的展开和折叠。 最开始使用 onChange 自带的event来阻止事件冒泡,这种方式是无效的,代码如下: 解决 监听复选框的 onClick 事件,用 e.st

    2024年02月11日
    浏览(57)
  • uniapp复选框 实现排他选项

    选择了排他选项之后 复选框其他选项不可以选择

    2024年01月24日
    浏览(53)
  • Layui列表复选框根据条件禁用

    2024年02月12日
    浏览(48)
  • 安卓控件 - 单选按钮和复选框

    安卓应用中,常常需要用户从若干选项中进行选择,有时要求只能选择一个,那么就要使用单选按钮(RadioButton),有时要求用户可以选择多个,那么就要使用复选框(CheckBox) 常用属性 属性 含义 orientation vertical (或 horizontal),决定单选按钮是垂直排列还是水平排列 layo

    2024年02月06日
    浏览(55)
  • 复选框QCheckBox和分组框QGroupBox

    实例化 1.1.1 复选框的基本函数 复选框选中状态的参数 QCheckBox dialog.cpp 复选框被选中状态改变 触发信号 QCheckBox 绑定 dialog.cpp 槽 定义 dialog.h 实现 dialog.cpp 实例化 2.1.1 分组框的基本函数 QGroupBox dialog.cpp

    2024年01月15日
    浏览(44)
  • Android:设置复选框 CheckBox 的颜色

    Android:设置复选框 CheckBox 的颜色 meta charset=\\\"utf-8\\\" 如何设置复选框在不同状态的颜色? 默认样式 image 预期样式 image meta charset=\\\"utf-8\\\" 先定义Checkbox的style,在values文件下的styles.xml文件中加入: colorControlNormal是未选中的颜色 ,colorControlActivated表示选中时的颜色, 自己在values下的

    2024年02月06日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包