flutter中的点击事件

点击水波纹效果

FlatButton;

FlatButton(//长按时颜色highlightColor:Colors.red,//点击的水波纹颜色splashColor: Colors.blue,onPressed: onPressed,child: Text(text,style: TextStyle(fontSize:20,fontWeight: FontWeight.w400)),shape: RoundedRectangleBorder(side: BorderSide(color:  Colors.black, style: BorderStyle.solid, width: 1),),))

InkWell:
这里有个问题，InkWell子布局添加颜色后点击就无法展示水波纹了，子布局将父布局覆盖了。

    InkWell(onTap: () {},highlightColor: Colors.blue,splashColor: Colors.red,child: Container(color: Colors.white,height: 100,width: 100,child: Text('点我'),),)

点击区域问题

GestureDetector包裹子控件，点击空白区域点击无效解决方案：

设置GestureDetector的behavior属性：
如：

 GestureDetector(behavior: HitTestBehavior.translucent,onTap: callback,child: Container(padding: EdgeInsets.only(right: ScreenUtil().setHeight(30)),alignment: Alignment.centerRight,child: Image.asset(LocalIcons.start_right,width: ScreenUtil().setWidth(18),height: ScreenUtil().setHeight(36),),),),

给空白区域设置透明颜色。
如：

GestureDetector(onTap: callback,child: Container(color: Colours.transparent,padding: EdgeInsets.only(right: ScreenUtil().setHeight(30)),alignment: Alignment.centerRight,child: Image.asset(LocalIcons.start_right,width: ScreenUtil().setWidth(18),height: ScreenUtil().setHeight(36),),),),

点击事件默认触发问题

RaisedButton(onPressed: _onclick()),... _onclick(){}

当一个RaisedButton:点击事件传入一个方法时，出现按钮处于不可点击状态，报错但不会崩溃；

error:

When the exception was thrown, this was the stack:
flutter: #0      Element.markNeedsBuild.<anonymous closure> (package:flutter/src/widgets/framework.dart:3670:11)
flutter: #1      Element.markNeedsBuild (package:flutter/src/widgets/framework.dart:3685:6)
flutter: #2      State.setState (package:flutter/src/widgets/framework.dart:1161:14)
flutter: #3      __ValueListenableDelegate&SingleValueDelegate&_ListenableDelegateMixin.startListening.<anonymous closure> (package:provider/src/listenable_provider.dart:134:36)
flutter: #4      _CountProvider&Object&ChangeNotifier.notifyListeners (package:flutter/src/foundation/change_notifier

解决方式1：需要在（）{}

RaisedButton(onPressed: (){_onclick();}),... _onclick(){}

解决方式2：

RaisedButton(onPressed: _onclick ,
...

flutter中的点击事件相关推荐

Flutter中的点击、拖动和其它手势
Flutter中的点击.拖动和其它手势介绍 Pointers 手势手势消歧介绍本文档介绍了如何在Flutter中监听并响应手势(点击.拖动和缩放). Flutter中的手势系统有两个独立的层. ...
react中绑定点击事件_在React中绑定事件处理程序的最佳方法
react中绑定点击事件 by Charlee Li 通过李李在React中绑定事件处理程序的最佳方法 (The best way to bind event handlers in React) ...
fragment类中的点击事件空指针异常
点击事件要写在 onActivityCreated中另外一种写法: 这种覆写onClick()方法,在这个方法写点击事件的时候是没有反应的 @Overridepublic void onClick( ...
vue中el-radio-group点击事件，双击取消
vue中el-radio-group点击事件普通用法需要实现双击取消普通用法需要注意,如果@change事件除了当前选中的单选按钮的label值,还需要带上另外的参数,则需要用event来代替 ...
react中onClick点击事件
react中onClick点击事件里的函数必须是箭头函数,不能在onClick{}括号里直接调用函数,不然相当于onClick{调用完的值},根本不会有效了,所以有这几种写法 1. 2. 3.
css隐藏元素触发点击事件,css隐藏元素的几种方法中可以触发点击事件的是？...
css隐藏元素的几种方法中可以触发点击事件的是是opacity设置为0的方法. css隐藏元素的方式: 1.display:none;.box{ display: none; } 最简单也最粗暴的方 ...
html 隐藏元素点击事件,css隐藏元素的几种方法中可以触发点击事件的是？
css隐藏元素的几种方法中可以触发点击事件的是是opacity设置为0的方法. css隐藏元素的方式: 1.display:none;.box{ display: none; } 最简单也最粗暴的方 ...
easyui中linkbutton连续点击事件
easyui中linkbutton连续点击事件 <a id="voice" class="easyui-linkbutton easyui-tooltip" ...
Flutter使用入门学习之Flutter中的点击、拖动和其它手势
Flutter中的手势系统有两个独立的层. 第一层有原始指针(pointer)事件,它描述了屏幕上指针(例如,触摸,鼠标和触控笔)的位置和移动. 第二层有手势,描述由一个或多个指针移动组成的语义动作. ...
iOS Safari 中click点击事件失效的解决办法
转载自:https://www.cnblogs.com/Steping/p/5737547.html 问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效 ...

flutter中的点击事件

点击水波纹效果

点击区域问题

点击事件默认触发问题

flutter中的点击事件相关推荐

最新文章

热门文章