jjzjj

flutter - 拖放芯片小部件

coder 2023-07-23 原文

我试图制作一个芯片列表,用户可以通过拖放手势重新排序, 这是您可以执行以查看问题的示例代码, 正如所说,Chip 类需要一个 Material 祖先,那么解决这个问题的方法是什么?必须一直让 Chip 和 Card 包裹在一起吗?

错误:

The following assertion was thrown building Chip(dirty): No Material widget found. Chip widgets require a Material widget ancestor.

代码:

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Wrap(
          direction: Axis.horizontal,
          children: List.generate(_counter, (i) {
            var chip = Chip(
              backgroundColor: Colors.blue,
              label: Text('item ${i}'),
            );

            return Draggable(
              child: chip,
              feedback: chip,
              childWhenDragging: Container(),
            );
          }),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }

注意:我修改了默认的点击计数模板来演示我的问题

最佳答案

您可以将它包装在 FloatingActionButton 中。

var chip = FloatingActionButton(
  child: Chip(
    backgroundColor: Colors.blue,
    label: Text('item $i'),
  ),
);

希望对您有所帮助!

关于flutter - 拖放芯片小部件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55706553/

有关flutter - 拖放芯片小部件的更多相关文章

  1. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性:然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量:ANDROID_HOMED:\AndroidSDK2.然后在系统变量:Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量:        变量名:FLUTTER_STORAGE_BASE_URL      变量值:https://storage.flutter-io.cn        变量名:PUB_HOSTED_URL      变量

  2. AT24C04、AT24C08、AT24C16系列EEPROM芯片单片机读写驱动程序 - 2

    一、概述在之前的一篇博文中,记录了AT24C01、AT24C02芯片的读写驱动,先将之前的相关文章include一下:1.IIC驱动:4位数码管显示模块TM1637芯片C语言驱动程序2.AT24C01/AT24C02读写:AT24C01/AT24C02系列EEPROM芯片单片机读写驱动程序本文记录分享AT24C04、AT24C08、AT24C16芯片的单片机C语言读写驱动程序。二、芯片对比介绍型号容量bit容量byte页数字节/页器件寻址位可寻址器件数WordAddress位数/字节数备注AT24C044k5123216A2A149/1WordAddress使用P0位AT24C088k1024

  3. 7nm+跨域计算+极致性价比,这家芯片厂商助攻车企「降本增效」 - 2

    汽车芯片赛道的「卷」,或许超出了所有人的预期。对于单纯TOPS算力的比拼,已经翻篇,如何让车企有的用,用得上,还要用得好,已经是新风向。实际上,在汽车智能化刚刚开始的2018年,彼时类似斑马智行这样的车机系统仅仅是从软件层面改变传统座舱的人机交互体验(从功能机到智能机)。而类似Mobileye这样的ADAS视觉感知系统方案(EyeQ5之前),也仅仅是辅助驾驶的入门级。在高工智能汽车研究院看来,汽车芯片赛道经历了几个发展周期,1.0时代(以2020年上车的高通8155为代表),智能座舱进入硬件变革节点;2.0时代(以2021年上车的英伟达Orin为代表),智能驾驶进入硬件变革节点。而3.0时代,

  4. L298n电机驱动模块(芯片)快速入门 - 2

    目录l298n模块详解l298n芯片简介 在嵌入式领域中l298n属于最常用的电机驱动模块,该模块稳定,耐用,操作简单备受广大电子爱好者的喜爱,今天小编结合自己开发的经验来给初学者门聊聊如何使用这款模块及芯片的用法l298n模块详解如图所示,模块左右两侧的2P的端子是接入电机的,左右两端分别可以接入一个直流电机。由于直流电机不分正负所以怎样接都是可以的。中间3P的端子分别接12V,GND,5V。黑色排针部分左右两端的跳帽插上代表使能,l298n有两个通道,所以有两个使能跳帽。中间的四个排针是逻辑输入,左边两个为一组,右边两个为另一组,真值表如下图所示下图附带了l298n模块的原理图,想自己di

  5. javascript - 如何将拖放事件监听器附加到 React 组件 - 2

    我正在构建一个允许将本地文件拖放到div上的组件。然后会输出有关已删除文件的信息。我的问题是在创建组件时我不知道如何正确附加事件监听器drop和dragover。我的App组件是我所有逻辑所在的地方(拖放和拖动的处理程序),我创建了一个单独的组件,文件将被放置在该组件上-dropZone组件。我尝试使用componentDidMount将事件监听器放在我的App组件上的dropZone标记上,如果我的dropZone组件已呈现,则在其上放置一个事件监听器:componentDidMount(){constdropZone=document.getElementById('dropZon

  6. javascript - 推荐一个同时处理日期和时间的 JS 日历小部件? - 2

    关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭8年前。Improvethisquestion我正在开发一个网络应用程序,用户需要在其中输入日期和时间。我以前用过这个日历小部件,它运行良好:http://www.dynarch.com/projects/calendar/但是,自2005年以来就没有更新过。我想知道是否有人知道更

  7. javascript - 要使用 Javascript 拖放表行? - 2

    我正在使用HTML表格来显示数据,我希望用户可以拖放表格行以根据需要对数据进行排序。表格的HTML代码:123我希望用户可以拖动行并根据需要排序...在Javascript中注意:不想使用jQuery、Mootools或任何其他Javascript库来回答,因为我想使用经典的Javascript(即核心)。 最佳答案 许多人会建议您使用框架的原因是浏览器在拖放方面存在很多差异,而框架会为您处理所有这些问题。但是,这些事件处理程序将为您提供一个公平的开始。onDragStart-当您开始将源元素拖动到某处时,它将在源元素上触发。onD

  8. javascript - 小部件加载事件上的 Dojo - 2

    我想知道Dojo表单小部件何时被解析或准备就绪,以便我可以对其进行动态自定义。我试图通过使用dojo.connect()方法来实现这一点。但是,我不确定要听什么事件。是onLoad还是onStartup或者..?这是我所做的,但它没有触发:dojo.connect(dijit.byId('myWidget'),'onStartup',function(evt){console.debug("test");}请注意,dijit.byId('myWidget')部分会正确返回对象,所以这不是问题所在。 最佳答案 这在某种程度上取决于您要

  9. 具有拖放重新排序功能的 Javascript 选项卡小部件 - 2

    您知Prop有内置拖放重新排序功能的选项卡小部件吗?我正在构建类似编辑器的界面,并希望允许用户重新排序他们的选项卡。到目前为止,我一直在使用ExtJS和communityplugin,但它有很多问题,通常需要在每个新的ExtJS版本中更新。 最佳答案 是somethinglikethis你在找什么?如果我想做你现在做的事,我肯定会使用jQuery和jQueryUI作为基础。围绕jQuery的可靠支持结构和丰富的教程是无与伦比的!当然,这是在您不介意另一个javascript框架的重量或不必重新编码您的某些界面的情况下。稍微有点切线,

  10. javascript - 如何禁用 dijit.form.NumberSpinner 小部件上的鼠标滚轮事件? - 2

    我在基于dojo的应用程序中使用了一些dijit.form.NumberSpinner小部件,所有这些小部件都连接到onChange操作。当一个区域有很多NumberSpinner时会出现问题:用户滚动页面并在使用鼠标滚轮滚动时意外地用意外值填充NumberSpinner字段遍布整个地区。是否可以通过某种方式禁用dijit.form.NumberSpinner小部件上的鼠标滚轮事件? 最佳答案 如果您永远不需要它,并且您可以访问dojo源代码并且能够进行自己的构建,请在dijit/form/_Spinner.js上注释这一行:pos

随机推荐