Flutter 取消按钮的动画效果

Flutter 里有很多的按钮组件很多,常见的按钮组件有:RaisedButton(按钮)、MaterialButton(按钮)、DropDownButton(按钮)、FlatButton(扁平按钮)、IconButton(图标按钮)、弹出菜单按钮(弹出菜单按钮)、OutlineButton(轮廓按钮)、ButtonBar(轮廓按钮)、FloatingActionButton(浮动按钮)、Inkwell(墨水按钮)等,实际项目开发中可以按自己的需要或者习惯选择喜欢的控件。

自己最常用的就是InkwellMaterialButton,感觉Inkwell可以实现所有的布局,基本上都在使用Inkwell。下面记录一下遇到的问题:

1、Inkwell取消水波纹

Inkwell点击的时候会有水波纹一样的动画效果,但是有些时候,显得比较突兀,需要取消这个效果,加入下面两个属性即可。

highlightColor: Colors.transparent,
radius: 0.0,

2、MaterialButton设置无法点击、失效。

使用IgnorePointer或者AbsorbPointer包裹按钮,设置属性ignoring即可。

return IgnorePointer(
    ignoring: true,// false无效
    child: MaterialButton(
        elevation: 0,
        shape: const RoundedRectangleBorder(
          borderRadius: BorderRadius.all(
            Radius.circular(8),
          ),
        ),
        onPressed: () {
        },
        child: const Align(
          alignment: Alignment.center,
          child: Text(
            "点击无效",
          ),
        ),
      ),
    );
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值