扩展的小部件在行内使用时不能与Inkwell一起使用

是因为Inkwell是一个用于给小部件添加触摸效果的插件，而行内使用的小部件通常是一些简单的文本或图标，不需要添加触摸效果。

扩展的小部件是指可以在其他小部件内部使用的小部件，它们通常用于构建复杂的用户界面。与之相对的是根部件，它是应用程序的顶层小部件。

Inkwell是Flutter框架中的一个小部件，它可以为其子部件添加触摸效果，例如点击效果、水波纹效果等。使用Inkwell可以使用户与应用程序进行交互，提升用户体验。

然而，在行内使用扩展的小部件时，由于其在布局上的限制，无法直接包裹在Inkwell小部件内部。这是因为Inkwell需要作为父级小部件来包裹其子部件，以便为其添加触摸效果。而行内使用的小部件通常是作为父级小部件的一部分，无法直接包裹其他小部件。

解决这个问题的方法是，可以将行内使用的小部件提取出来，作为一个独立的小部件，并将其包裹在Inkwell小部件内部。这样就可以为该小部件添加触摸效果了。

总结一下，扩展的小部件在行内使用时不能与Inkwell一起使用，因为Inkwell需要作为父级小部件来包裹其子部件，而行内使用的小部件通常无法直接包裹其他小部件。解决方法是将行内使用的小部件提取出来，作为一个独立的小部件，并将其包裹在Inkwell小部件内部。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
云存储（COS）：https://cloud.tencent.com/product/cos
区块链服务（BCS）：https://cloud.tencent.com/product/bcs

相关·内容

Flutte部件目录-基本部件（二）顶

支持以下图像格式：JPEG，PNG，GIF，GIF动画，WebP，WebP动画，BMP和WBMP 要自动执行像素密度感知资产解析，请使用AssetImage指定图像并确保在部件树中的Image部件外部存在...也可以看看: Icon, 显示来自字体的图像. new Ink.image,这是在材质应用程序中显示图像的首选方式（特别是如果图像位于Material中，并且在其上会有InkWell）....这种合并行为非常有用，例如，在使用默认字体系列和大小时使文本变为粗体。...在材料设计应用程序中，请考虑使用FlatButton，或者如果不合适，至少使用InkWell而不是GestureDetector。...使用凸起的按钮将给其他大多数平面布局添加维度，例如在漫长的内容列表中，或在广泛的空间中。避免在已凸起的内容（如对话框或卡片）上使用凸起的按钮。

4.4K2 0

Flutter创建圆圈图标按钮

InkWell来做到这一点：响应触摸的材料的矩形区域。...下面的示例演示如何使用InkWell。注意：您不需StatefulWidget要这样做。我用它来改变计数状态。...circle的小部件highlightColor包装InkWell小Material部件。...然后decoration在Container小部件中删除。...如果需要背景图像，则可以将CircleAvatar与IconButton一起使用。设置backgroundImage属性。

1.7K3 0

Flutter 入门指北之手势处理和动画

在 Flutter 中，自带手势监听的目前为止好像只有按钮部件和一些 chip 部件，例如 Text 等部件需要实现手势监听，就需要借助带有监听事件的部件来实现了，这节我们会讲下 InkWell 和 GestureDetector...InkWell 在前面的一些例子中，小伙伴应该看到了好几次 InkWell 这个部件，通过它我们可以实现对一些手势的监听，并实现 MD 的水波纹效果，举个简单的一个例子 InkWell( child...InkWell 是在 MaterialDesign 风格下的一个用来响应触摸的矩形区域（注意加粗的文字，1.如果不是 MD 风格的部件下，你是不能用这个来做点击响应的；2.InkWell 是一块矩形区域...InkWell 必须要有一个 Material 风格的部件作为锚点，巴拉巴拉巴拉....再次强调必须要在 MD 风格下使用。...相当于使用了两个分开的动画来完成效果，但是 chain 结合到一起就是一个动画过程那么对前面的动画进行一些修改，通过 Tween 来控制值的变化 class _AnimationDemoPageState

1.7K3 0

Flutter 构建完整应用手册-处理手势

处理点击我们不仅希望向用户展示信息，还希望我们的用户与我们的应用进行互动！那么，我们如何回应基本操作，如点击和拖动？我们将使用GestureDetector部件！...添加材质涟漪效果在设计应遵循材质设计指南的应用程序时，我们希望在点击时将涟漪动画添加到部件。 Flutter提供InkWell部件来达到这个效果。...Flutter通过提供Dismissible部件使这项任务变得简单。...有关如何创建列表的更多详细说明，请按照使用长列表配方进行操作。创建一个数据源在我们的例子中，我们需要20个样品条目。为了简单起见，我们将生成一个字符串列表。...在我们的例子中，我们将更新我们的itemBuilder函数以返回一个Dismissible部件。

1.8K2 0

Flutte部件目录-基本部件（一）

Container按顺序尝试：遵守alignment，将自己调整到child部件的尺寸，遵守宽度，高度和constraints，扩展以适应父部件，变得尽可能小。...constraints被设置为适合字体大小加上充足的头部垂直空间，同时水平扩展以适合父母。padding用于确保内容和文本之间有空间。颜色使箱子蓝绿色。alignment使得子部件被置于框中。...Border，大量使用到Container。 Ink，用于在Material上绘制装饰，允许InkResponse和InkWell飞溅来绘制它们。布局部件的目录。...Column部件不滚动（并且通常认为宁愿在列中有更多子项也不使用适合可用空间是错误的）。如果您有一行小部件，并希望它们在空间不足的情况下能够滚动，请考虑使用ListView。...根据弹性因子，在非零弹性因子的子部件（例如扩展）中划分剩余的垂直空间。例如，弹性系数为2.0的子部件将获得弹性系数为1.0的子部件的两倍的垂直空间量。

7.4K2 0

Flutter 入门指北之弹窗和提示（干货）

前面的小节把常用的一些部件都介绍了，这节介绍下 Flutter 中的一些操作提示。...可以看到 showBottomSheet 会充满整个屏幕，然后 fab 会跟随一起到 AppBar 的底部位置，而 showModalBottomSheet 展示的高度不会超过半个屏幕的高度，但是 fab...Dialog 相对于 SnackBar 和 BottomSheet，Dialog 的使用场景相对会更多，在 MaterialDesign 下，Dialog 主要有 3 种：AlertDialog，SimpleDialog...我们还是一样在列表加个按钮，并指向显示 AboutDialog 的事件。......你可以随便把我替换成任何部件，只要你喜欢(*^▽^*)')], ); } 最后的效果： ?

2.1K2 0

Qt Designer中的QWidget属性表介绍

--- 有些部件在被禁用时会以不同的方式显示自己。...补充扩展：每个显示的文本信息包括Label的文本、按钮的文本等、以及输入控件的输入内容、帮助信息的文本等，都可以在部件属性编辑中设置国际化子属性，例如： image.png image.png 它们都有三个子属性...使用QPalette不活跃的颜色组，因为ToolTip不是活跃的窗口 QPalette.Text 6 与Base一起使用的前景色，通常情况下和windowText效果相同，在与Base一起使用的情况下，...它的颜色设置必须与Window和Base对应的颜色有良好的对比 QPalette.Button 1 button背景颜色，此背景可能与Window指定的背景色不同，因为某些样式要求按钮使用不同的背景色...）调整字形间距，且基本上是英文字符形状的间距，因为英文字符形状都是不规则的，有宽有窄，有的圆乎乎，有的棱角分明，就会导致排列在一起的时候疏密不一致，而kerning可以有效利用字符形状间的间隙，使字形之间的空间更加相似

10.4K2 0

Flutter 入门指北之滑动部件（超详细）

前面的小节基本上讲完了常用的部件和容器部件，也可以完成很多的界面，但是又一个问题，假如我们要显示一段文字，比如将一段又臭又长的文字在界面上显示 1000 次，不难完成吧 // ..省略一些无关代码...那么这里提下可滑动的容器部件 SingleChildScrollView 这个部件非常简单，不贴源码了。最简单的使用方式只需要提供一个 child 即可。...ExpansionTile 既然讲到了 ListView，在日常开发中，折叠列表也是一个比较常用的，所以这边要提下 ExpansionTile 这个部件，因为相对比较简单，所以直接上代码了 class...index 设置不同背景色，所以使用 List.generate，如果不设置背景色，也可用 iterable.map().toList children: List.generate(...，但是以上介绍的在平时开发过程中够用了，如果后期发现还需要别的部件，我会继续补上。

2.4K3 0

【Flutter 专题】易忽略的【小而巧】的技术点汇总 (一)

和尚在学习 Flutter过程中遇到很多有趣的小知识点，平时可能不太注意或一些简单直接的小功能点，准备整理一个小系列，方便日后的查找使用。 1....InkWell 水波纹效果和尚在 Android的项目中很多需要水波纹的点击效果，Flutter当然也提供了类似的效果，除了 FlatButton按钮系列外，Flutter还提供了 InkWell...水波纹效果，使用很方便，在需要的地方嵌套即可；例如：用在 ListView的 item中整体效果会好很多。...注意事项：使用 InkWell时内外层均不建议添加背景色，InkWell默认的水波纹颜色很浅，背景色会遮挡波纹效果；通过修改 splashColor: Colors.greenAccent,属性可以动态修改水波纹的波纹颜色...Table 表格布局和尚有个小需求是绘制各个边框，偷懒想到了 Table布局，用法与 Android的基本相同，设置每一行的 TableRow并添加相应的 item，很方便的添加 border

1.1K3 1

小程序平台发展的一些思考与展望，任重道远！

过渡动画 Web 中我们经常会用到 transition，而小程序想在页面切换时提供过渡动画是难以做到的。因此，让用户有类似使用原生应用时的体验，也是小程序发展过程中需要解决的。...小部件目前小程序还无法与 Android 或 Apple 应用一样，用户可以通过安卓应用或苹果应该提供的小部件直接获取信息和/或使用小部件完成任务，而无需打开任何 Web 或应用程序页面。...因此，期望在发展的过程中，小程序的小部件也可以显示在 Web 浏览器之外的环境中，例如桌面或仪表板。...性能与调优例如，在做Web 应用测试的时候，我们会通过 TTI 指标测试应用的性能。因此，也希望在小程序上能知道小程序的页面，它的 TTI 是何时完成的。...可以看到，上面的一些展望可以让小程序越来越具备原生应用的功能与体验。当然，个人认为不能完全将两者等同的发展，每个类型的应用都应具备其自身发展方向。

1.1K2 0

Flutter 凉了吗？

我更像是一个后端开发人员，所以当涉及到严重依赖它的东西时，我只想要一些简单的东西。这就是Flutter在我眼中闪耀的地方。 UI通过将不同的小部件组合在一起并修改它们以适合你的App外观来创建。...这只是Flutter提供的小部件中的几个，除这些之外还有很多。使用这些小部件，我们可以构建一个非常简单的UI： Flutter像一个拥有各种各样道具的魔术师，使你能轻而易举地构建App的主题。...各种各样的库使开发Flutter应用程序变得轻而易举，并为开发过程节省了大量时间。 5 后端开发现在大多数App都依赖于某种数据，所有这些数据需要存储在某个地方，以便以后可以显示和使用。...因此，在寻找使用新SDK（例如Flutter）创建应用时，牢记这一点非常重要。再重复一次，Flutter App是使用Dart制作的，而Dart在后端开发方面非常出色。...我在本文中谈到了很多简单易行的功能，Dart和Flutter的后端开发也不例外。不管是对于初学者还是专家，创建数据驱动的App都非常简单，但这种简单性并不等同于质量底下。

3K2 0

为Flutter应用程序添加交互性顶

Checkbox，Radio，Slider，InkWell，Form和TextField是StatefulWidget子类的有状态小部件的示例。创建一个有状态的小部件重点是什么？...作为小部件设计师，您根据您期望使用的小部件做出决定。以下是管理状态的最常见方法：小部件管理自己的状态父母管理小部件的状态混搭方法你如何决定使用哪种方法？...这些例子都是类似的工作 - 每创建一个容器，当点击时，在绿色或灰色框之间切换。 _active布尔值确定颜色：绿色表示激活或者灰色表示不激活。 ? ?...在点击事件中，将该状态更改传递给父部件，以使用widget属性采取适当的操作。...当你需要交互性时，最容易使用预制的小部件之一。

4.2K2 0

宜立方商城第二天 dubbo zookeeper

1301 0

技术猿 | 机器人在电子制造业中的应用

2.机器人在电子产品部件去毛刺，加工中的应用电子产品的一些外壳件在铸造，注塑完成后或机床加工后往往会存在飞边毛刺等需要去除的问题。...(Robot Studio已经成为很多使用单位首选的离线编程软件) 机器人在电子制造过程中零部件的连接固定的应用 1.机器人在电子产品部件中焊接的应用机器人通过安装激光焊枪，超声波焊头这些焊接设备...并且使用模块化设计的理念，通过更换模块既可使该工作站可实现M1.6~5mm的螺钉自动供钉，自动打钉工作，也使该工作站的日后维护保养和零备件替换提供了方便快捷的渠道。 ?...适用于电子产品装配的IRB120机器人介绍作为ABB目前最小的机器人，IRB 120在紧凑空间内凝聚了ABB产品系列的全部功能与技术。...QuickMove2和TrueMove2：ABB机器人第二代运动控制软件，可以将机器人的加减速时间控制在最短，并且使机器人运行时以路径控制为优先。

6974 0

【Flutter 组件集录】Card | 8 月更文挑战

本文将从源码的角度看一下 Card 组件的构成，并讲述一下 Card 在使用中的一些细小的注意点。...也许你会觉得默认的圆角有点小，想要变大点，或不喜欢圆角装饰，先要搞点创造性装饰，那么 shape 属性将为你打开一扇大门。...二、Card 的水波纹 1.错误的使用如果你将 InkWell 放在了 Center 之上，那么它水波纹会被前景所覆盖。如下图所示，之上 margin 的那点区域显示出来水波纹。...正确的使用正确的使用方式是在 child 组件上嵌套 InkWell。...了解了内部的实现，在使用时，也会多几分底气。那本文到这里就结束了，谢谢观看，明天见~

8204 0

图解小程序的特征与架构，及其应用机制

小程序在原生能力的扩展，通常来自托管的原生应用程序或操作系统，包括支付、文件处理、图像扫描、电话呼叫等。这些功能通过特定的 API 调用。...它通过 JavaScript Bridge 从扩展的本机功能中获取结果。如下图所示，演示了当 API 被调用时，数据在小程序中的流转。...API 通常与组件一起工作。当用户在小程序页面点击某个组件时，会调用相关API完成用户交互，并在需要时刷新当前小程序页面。小程序构造器为了获得与原生应用类似的用户体验，小程序资源通常被打包在一起。...通过这样的分包构建机制，在多个团队一起开发的时候更好的解耦和协作。当用户使用小程序时，分包机制可以提高小程序首页的加载速度，按需加载分包，优化用户体验。...插件在小程序中，插件/扩展是一个封装的模块，它为现有的小程序添加特定功能，它可以是组件、JavaScript 模块或页面。插件/扩展只能在小程序中执行，不能单独运行。

1.9K1 0

Inside Apple’s A13 Bionic system-on-chip

Bleeding-edge 7nm+ process 苹果始终使用最好的制造工艺来生产其芯片（几乎一直是台积电）。A13 Bionic也不例外。它是最早使用台积电第二代7纳米新工艺的公司之一。...如果将GPU计算性能与游戏级3D基准结合起来，可以说苹果目前是智能手机中最快的GPU。有趣的是，我们看到的实际性能远远超过了苹果提出的20％的改进要求。...当时，我们猜测内存带宽的限制使芯片无法在某些3D图形测试中达到其最高的理论性能。也许今年，尽管该芯片的速度没有快50％，但它能够更好地利用可用的内存带宽。...苹果表示，这部分是通过拥有数百个电压域以降低不使用时芯片主要部件的功率，以及数十万个时钟门控域来禁用不使用的逻辑门来实现的。这听起来令人印象深刻，但老实说，这是现代顶级芯片设计的相当标准的一部分。...目前尚不清楚如何精确地访问此硬件（它们是ARMv8指令集的扩展，例如Intel的AVX是x86的扩展吗？），但是对于像机器学习（ML）这样使用大量矩阵运算的任务，CPU是强大的工具。

3852 0

基于51单片机的交通灯控制系统设计开题报告_交通灯控制系统设计的毕业论文

单片机是在一块芯片内集成了CPU、RAM、ROM、定时器／计数器和多功能I/O口等计算机所需要的基本功能部件的大规模集成电路，又称为MCU。...作输入口使用时，因为内部存在上拉电阻，某个引脚被外部信号拉低时会输出一个电流(IIL)。...如EA端为高电平（接Vcc端），CPU则执行内部程序存储器中的指令。Flash存储器编程时，该引脚加上+12V的编程允许电源Vpp，当然这必须是该器件是使用12V编程电压Vpp。...如果晶体振荡频率高，则系统的时钟频率也高，单片机的运行速度也就快。单片机复位使CPU和系统中的其他功能部件都处在一个确定的初始状态下，并从这个状态开始工作。...共阳数码管是指将所有发光二极管的阳极接到一起形成公共阳极(COM)的数码管。共阳数码管在应用时应将公共极COM接到+5V，当某一字段发光二极管的阴极为低电平时，相应字段就点亮。

9502 0

.NET自带IOC容器MEF之初体验

MEF为开发人员提供了一个工具，让我们可以轻松的对应用程序进行扩展并且对已有的代码产生最小的影响，开发人员在开发过程中根据功能要求定义一些扩展点，之后扩展人员就可以使用这些扩展点与应用程序交互；同时MEF...让应用程序与扩展程序之间不产生直接的依赖，这样也允许在多个具有同样的扩展需求之间共享扩展程序。...实际上MEF提供了发现和组合的能力使你的应用程序可以加载扩展，为运行时的可扩展性提供了一种简单的解决方法： MEF为宿主应用提供了一种标准的途径来暴露自身并使用外部扩展。...而扩展本身是可以被不同的应用程序所使用的。而一个扩展依旧可以通过针对特定应用的方法来实现。扩展之间也可以存在依赖关系，MEF则会自动将它们按照正确的顺序进行调用。...DeploymentCatalog 在指定的XAP文件中发现部件（用于silverlight）当通过不同方式发现部件的时候，还可以使用AggregateCatalog来把这些部件聚合到一起。

1.6K2 1

如何选择合适的PC服务器？

一般要求服务器有一定的扩展能力，能与老的系统保持兼容，对安全性要求不高，要求数据备份，对容错要求不多，对服务器的可管理性要求也不高。...比如，工作在高电压和大电流状态下的功率部件的可靠性较低，而相反地，工作在低电压和小电流状态下的功率部件的可靠性则较高。...又如，工作在高温度环境中的高发热部件的可靠性较低，而工作在低温度环境下的低发热部件的可靠性就高多了。PC服务器的电源就是高电压、大电流部件，另外处理器工作时的发热量也较大。...另外，机械部件还存在磨损，因此它们的平均无故障工作时间要大大低于电子部件，现在广泛使用的高转速、大容量硬盘不仅因为转速高会导致磨损快，还会引起高发热现象。...需要指出的是，许多用户在选购了支持双网卡冗余系统的设备后，因为觉得网卡不是功率部件，出现故障的几率很少，且使用双网卡就需要布双份网线，所以实际真正应用的不多。

2.1K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云