首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当按下时升级到dart 2.2.1在图标按钮和凸起按钮中不起作用

可能是由于以下原因导致的:

  1. 兼容性问题:dart 2.2.1可能与图标按钮和凸起按钮的相关代码存在兼容性问题。在升级到dart 2.2.1之前,建议先检查相关的库和依赖是否支持该版本,并确保更新到最新的版本。
  2. 代码逻辑错误:检查图标按钮和凸起按钮的代码逻辑是否正确。可能存在错误的条件判断或逻辑错误,导致按下时无法触发相应的操作。建议仔细检查代码,并使用调试工具进行排查。
  3. 依赖库更新问题:图标按钮和凸起按钮可能依赖于其他库,而这些库在升级到dart 2.2.1后可能需要更新到兼容的版本。请检查相关依赖库的更新情况,并确保使用与dart 2.2.1兼容的版本。
  4. 环境配置问题:检查开发环境的配置是否正确。可能需要更新IDE或编辑器的插件、SDK版本等,以确保与dart 2.2.1的兼容性。

针对以上可能的原因,可以尝试以下解决方案:

  1. 更新相关依赖库:查看图标按钮和凸起按钮所依赖的库是否有更新版本,并更新到与dart 2.2.1兼容的版本。
  2. 检查代码逻辑:仔细检查图标按钮和凸起按钮的代码逻辑,确保按下时的操作被正确触发。
  3. 调试代码:使用调试工具对代码进行调试,查看按下时的执行流程,以确定问题所在。
  4. 检查环境配置:确保开发环境的配置正确,并与dart 2.2.1兼容。

如果以上解决方案无法解决问题,建议参考相关文档、社区论坛或向开发者社区寻求帮助,以获取更具体的解决方案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

『Flutter』常用组件 按钮、图片

1.前言 经过上一篇文章的学习,我们大家可以了解到布局相关的组件,但是实际开发,我们还需要使用到其他的组件,比如按钮、图片、文本、输入框等等,这些组件都是我们开发中经常使用的,所以本篇文章我们就来学习一这些常用组件...2.常用组件 Flutter,有多种按钮组件可以用于创建交互式界面。主要的按钮组件包括: ElevatedButton:这是一个凸起按钮,常用于主要的操作。...它有默认的阴影灰度效果,时会有视觉反馈。 FlatButton(现在称为TextButton):这是一个无阴影的平面按钮,通常用于不太重要的操作。它在按不会改变外观,提供简洁的视觉效果。...OutlineButton(现在称为OutlinedButton):这个按钮有一个边框,但没有背景色。,边框和文字颜色会变化,适用于需要强调边框而非背景色的场景。...IconButton:这是一个图标按钮,常用于工具栏对话框。它可以包含图标而不是文本,适用于空间有限或需要图形化表示的地方。

50331
  • 你知道吗,Flutter内置了10多种Button控件

    注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本:1.12.13+hotfix.5 Dart版本:2.7.0 Flutter内置了10多种Button(按钮)类控件供我们使用...onHighlightChanged为高亮变化回调,处于高亮状态,抬起处于不高亮状态,用法如下: RaisedButton( onHighlightChanged: (high){ },...禁用状态背景颜色 highlightColor 高亮颜色,的颜色 splashColor 水波纹颜色,松开会有水波纹效果 以textColor为例,用法如下: RaisedButton(...hover相关的属性是指鼠标悬停的状态,移动端没有效果,focus相关的属性为获取焦点的状态。...甚至可以设置点击水波纹颜色(splashColor)的高亮颜色(highlightColor): ToggleButtons( splashColor: Colors.purple,

    2.5K30

    你知道吗,Flutter内置了10多种Button控件

    RaisedButton RaisedButton是一个material风格”凸起“的按钮,基本用法: RaisedButton( child: Text('Button'), onPressed...onHighlightChanged为高亮变化回调,处于高亮状态,抬起处于不高亮状态,用法如下: RaisedButton( onHighlightChanged: (high){ },...disabledColor 禁用状态背景颜色 highlightColor 高亮颜色,的颜色 splashColor...创建的组件,它不使用当前的系统主题按钮主题,用于自定义按钮或者合并现有的样式,而RaisedButtonFlatButton都是基于RawMaterialButton配置了系统主题按钮主题,相关属性可以参考...selectedBorderColor: Colors.deepOrange, ) 效果如下: [20200302205045496.png] 甚至可以设置点击水波纹颜色(splashColor)的高亮颜色

    2.5K00

    《Flutter》-- 4.Flutter组件基础

    Flutter真正代表屏幕显示元素的类是Element。 大多数场景,可以宽泛地认为Widget树就是指UI组件树或UI渲染树。...dispose():状态组件需要被永久地从视图树移除,调用dispose()。调用dispose()后,组件会被销毁,调用dispose()之前可以执行资源释放、移除监听、清理环境等工作。...4.3.2 按钮组件 Materail组件库中常见的按钮组件: RaisedButton:默认是带有阴影灰色背景的按钮后阴影会变大; FlatButton:默认是背景透明并不带阴影的按钮后会有背景色...; OutlineButton:默认是一个带有边框、不带阴影且背景透明的按钮后边框颜色会变亮,同时会出现背景阴影效果; IconButton:一个可点击的图标按钮,不支持文字,默认没有背景,点击后会出现背景...RaisedButton、FlatButtonOutlineButton等Material按钮组件都有一个图标构造函数,可以使用它来创建带图标按钮

    12.5K30

    Flutte部件目录-基本部件(二) 顶

    支持以下图像格式:JPEG,PNG,GIF,GIF动画,WebP,WebP动画,BMPWBMP 要自动执行像素密度感知资产解析,请使用AssetImage指定图像并确保部件树的Image部件外部存在...一个凸起按钮由一个矩形的材料悬停在界面上。 ? 一个凸起按钮是基于Material.elevation在按按钮提高的Material部件。...使用凸起按钮将给其他大多数平面布局添加维度,例如在漫长的内容列表,或在广泛的空间中。避免凸起的内容(如对话框或卡片)上使用凸起按钮。...如果onPressed回调为空,那么该按钮将被禁用,并且默认情况将类似于disabledColor的平面按钮。...final highlightElevation → double 按钮启用但未按按钮材质的高度. [...]

    4.4K20

    Flutter 全栈式——基础控件

    Flutter,UI小控件有两种设计风格,一种是Material设计,这是安卓的官方设计风格,另一种则是Cupertino风格,是iOS的官方设计风格。...因此,遇到带有这两个单词开头的控件,我们应该明确他们表达的意思。...9处理,图片上定义某个矩形区域用于拉伸,这9个点其实就是八个方向加上正中 gaplessPlayback bool ImageProvider发生变化时,显示新图片的过程,如果值为true则保留旧图片直至显示出新图片为止...VoidCallback 点击事件监听 onLongPress VoidCallback 长按事件监听 onHighlightChanged ValueChanged 水波纹高亮变化回调,返回...hoverColor Color 指针悬停在按钮的填充颜色 highlightColor Color 水波纹的高亮颜色 elevation double 阴影高度 hoverElevation

    3.8K40

    Flutte部件目录-Material Components 顶

    BottomNavigationBarType.fixed,缺省情况少于四个条目。...Drawer Material Design面板,从展示台的边缘水平滑动,以应用程序显示导航链接。 ? 按钮 RaisedButton 材质设计凸起按钮。...一个凸起按钮由一个矩形的材料悬停在界面上。 ? ? FloatingActionButton 浮动操作按钮是一个圆形图标按钮,它悬停在内容上以提升应用程序的主要操作。...PopupMenuButton 显示菜单并且菜单因选择项目而被解除时调用onSelected。 ? ButtonBar 按钮的水平排列。 ?...将按钮封装在工具提示窗口小部件,以便在按窗口小部件(或者当用户采取其他适当的操作)显示标签。 ? DataTable 数据表显示一组原始数据。 它们通常出现在桌面企业产品

    9.5K40

    谷歌 Flutter 1.17 发布

    更新的文本选择Android上溢出 iOS上的更新文本选择溢出 按钮的长度比没有溢出可以显示的时间长,文本选择菜单现在可以提高AndroidiOS的保真度。...如果想尝试一,可以启动DevTools并单击DevTools右上角的“烧杯”图标。...您使用Flutter实现的Dart DevTools的预发布版本,您可能会注意到各种改进,但是最大的改进是新的“ 网络”选项卡。...如果未在Dart DevTools的预发行版中看到“网络”选项卡(例如,如果从命令行运行它),则可以使用以下命令手动更新它: $ pub globalactivate devtools “记录”按钮后...此选项将您的应用程序捆绑到实际上未在您的设备上安装的通用Android“包装器”,这与正常的启动选项不同。此外,某些情况不起作用,例如,您使用访问后台执行的插件

    3.5K10

    Flutter学习

    this.primary = true,// Scaffold是否显示页面的顶部 }) AppBar属性 leading 返回键 iconTheme Appbar 上图标的颜色、透明度、尺寸信息...Flutter AppBar(顶端栏) Button RaisedButton :凸起按钮,其实就是Android的Material Design风格的Button ,继承自MaterialButton...FlatButton :扁平化的按钮,继承自MaterialButton OutlineButton :带边框的按钮,继承自MaterialButton IconButton :图标按钮,继承自...Dart是一个单线程的语言,遇到有延迟的运算(比如IO操作、延时执行),线程顺序执行的运算就会阻塞,用户就会感觉到卡顿,于是通常用异步处理来解决这个问题。...自动生成实体类 dynamic ,var、object dynamic 所有dart 对象的基础类型,大多数情况,不直接使用它 通过它定义的变量会关闭类型检查,这意味着 dynamix x= ‘hal

    2.6K20

    flutter 输入框组件TextField的实现代码

    相信大家原生客户端上都用过这个功能,就不在做具体介绍了,接下来还是具体介绍FlutterTextField的用法。...逻辑上,每当我们点击下面的按钮都会判断用户名密码是否符合要求,并且使用控制器清空已经输入的用户名密码。...输入框获取焦点/输入框有内容 会移动到左上角,否则在输入框内,labelTex的位置. suffixIcon: 输入框内侧右面的图标. icon : 输入框左侧添加个图标 多个输入框内切换焦点 介绍一...onEditingComplete的默认实现根据情况执行2种不同的行为: 完成操作被,例如“done”、“go”、“send”或“search”,用户的内容被提交给[controller],然后焦点被放弃...下一个未完成操作(如“next”或“previous”),用户的内容被提交给[controller],但不会放弃焦点,因为开发人员可能希望立即将焦点转移到[onsubmit]的另一个输入小部件。

    4.8K11

    【Flutter】自定义滚动开关

    pub地址:https://pub.dev/packages/lite_rolling_switch 介绍 Flutter,开关是一个小部件,用于两种选择(ON或OFF)之间进行选择。...它显示了在用户按钮后进行的切换交互,该开关将滚动到具有动画效果的另一侧,并且滚动该开关将更改图标和文本。...**colorOn:**此属性用于开关打开显示颜色。 **colorOff:**此属性用于开关为Off显示颜色。...*我们将添加textOn是字符串' Yes '表示开关打开,文本将显示在按钮上;textOff是字符串' No '意味着开关关闭,文本将显示在按钮上。...我们将添加colorOn表示,开关处于打开状态,颜色将显示在按钮上;colorOff意味着开关处于关闭状态,颜色将显示在按钮上。

    33.4K60

    Flutter 的按钮,看这篇文章就够了

    之前的文章文本、图片按钮Flutter怎么用,简单介绍过按钮组件,本篇文章来详细聊聊Flutter的各种按钮组件的各种应用场景。...Flutter,有很多的按钮组件,常见的有:FlatButton、RaisedButton、OutlineButton、IconButton、ButtonBar、FloatingActionButton...RaisedButton为例来详细介绍一这三类按钮组件该怎么去使用。...首先来看一按钮组件的属性: onPressed,必填参数,按钮触发的回调,接收一个方法,传null值表示按钮禁用,会显示禁用相关样式 child,表示按钮展示状态的Widget,一般为一个文本组件...接下来,我们来聊一聊如何实现闲鱼底部Tabbar上的凸起按钮的效果。

    9.5K31

    Flutter实现底部菜单导航

    简介 现在我们的 APP 上面都会在屏幕下方有一排的按钮,点击不同的按钮可以进入不同的界面。就是说界面的底部会有一排的按钮导航。可看下面的图示。 完成图示 ? 程序工程目录 ?...梳理实现步骤 我们需要实现这个底部菜单导航,就需要有底部菜单的那一排图标按钮图标按钮是固定在一个工具栏 “bar” 上面。...用于展示按钮图标,并且能固定在底部。 首页。用于将工具栏放入界面,并且将按钮对应的界面作为它的子元素存放于其中。 不同的按钮对应的界面。我们点击的图标按钮的时候,展示不同的界面。...第二步:修改 main.dart。 main.dart 是我们程序的入口。就类似于 Java、C 的 main() ,作为一个程序的入口。...'; import 'navigation_icon_view.dart'; // 如果是同一个包的路径,可以直接使用对应的文件名 // 创建一个 带有状态的 Widget Index class

    4.3K10

    如何在 Flutter 创建自定义图标【Flutter专题22】

    本文中,我将向您展示如何在 Flutter 创建自定义图标 Flutter 提供了很多开箱即用的图标,使用这些图标非常容易。但是,您也可以使用自己的图标。...您可以 Internet 上找到免费的 SVG 图像或创建自己的文件。它必须是 SVG 格式。 打开Fluttericon.com 上传 SVG 文件,稍等片刻,您会在右上角看到下载按钮。...按钮以获取包含您需要的文件的 zip。 解压缩下载的 Zip 并复制文件。 fonts文件夹里面,有一个.ttf文件。将其复制到项目中的目录,例如assets/fonts....然后,将.dart文件复制到lib目录。例如,您可以将其复制到lib/assets. 该文件应如下所示。有多个IconData常量,每个常量代表一个Icon....在要使用图标的文件,导入下载的 .dart 文件,您就可以使用图标了。 import '.

    3.4K20
    领券