flutter去除按钮水波纹和按钮放大

hbws37

于 2024-08-17 12:54:57 发布

阅读量145

点赞数 2

文章标签： flutter

本文链接：https://blog.csdn.net/hbws37/article/details/141279028

版权

theme: ThemeData(

splashColor: Colors.transparent, // 点击时的高亮效果设置为透明

highlightColor: Colors.transparent, // 长按时的扩散效果设置为透明

）

bottomNavigationBar: BottomNavigationBar(

type: BottomNavigationBarType.fixed, // 固定类型

……

）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hbws37

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Flutter彻底去除水波纹效果，不来看看？

知更鸟CoolLee的博客

07-15

5596

如何彻底去除Flutter的水波纹效果？跟着我深入flutter源码去找到蛛丝马迹，完成最后的改造！

Flutter 水波纹动画效果实现

qq_35297511的博客

03-01

3213

Flutter 水波纹动画效果实现1. 先上效果图：2. 实现2.1 尺寸渐变结合透明度渐变2.2 多个基本动画效果叠加3. 总结 1. 先上效果图： 2. 实现我们将该动画拆成三部分来实现就比较容易了，分别是尺寸大小渐变动画、透明度渐变动画和叠加组合动画。尺寸变换数值由补间动画Tween填补，辅以线性变换；这里圆形的大小变化我设置的是50~290范围，当然你可以设置其他范围： var animation = Tween(begin: 50.0, end: 290.0) .anim

参与评论您还未登录，请先登录后发表或查看评论

Flutter—-去掉底部导航栏的水波纹效果

01-03

在群里有好几次被人问到了，Flutter自带的底部导航栏，点击会有水波纹的效果，要怎么去掉。当时我也很懵，不是觉得这应该很简单吗？怎么被问了好几次。现在我就把这个解决方法告诉你们。其实处理问题的方式很简单。自己去copy源码找到地方自己修改自己去想办法（当然这是说废话。。。你不想方法，感觉第二天可以去财务结账了！）好了我就不说废话了，直接说正题了。正常来说我们建立一个底部导航栏代码如下： class MyHomePage extends StatefulWidget { @override _MyHomePageState createState() => _MyHomePa

Flutter 取消按钮水波纹的方法

H.A.N的博客

12-06

4114

因为 InkWell 继承自 InkResponse，因此这里只以 InkResponse 来进行分析。第一种方法：在 InkResponse 外围添加 Container，然后在 Container 中添加 color 属性，例子如下： return Scaffold( appBar: AppBar( title: Text("title"), ), ...

Flutter 全局去除水波纹

weixin_43900952的博客

09-24

1415

1、新建名为NoSplashFactory 的class，将如下代码拷入： import 'package:flutter/material.dart'; /* * 去除水波纹 */ class NoSplashFactory extends InteractiveInkFeatureFactory { const NoSplashFactory(); InteractiveInkFeature create({ @required MaterialInkController cont

【Flutter 问题系列第 3 篇】如何去除 Flutter 中点击按钮、底部导航栏的水波纹效果

“Allen Su”的博客

07-24

4100

一：如何去除 Flutter 中点击按钮、底部导航栏的水波纹效果。二：去除 InkWell 组件点击时的水波纹效果。三：去除 RaisedButton 组件点击时的水波纹效果。

Flutter去除组件点击水波纹

wkk_ly的博客

08-17

1310

如何去除Flutter组件点击水波纹? 答:设置 Theme 设置splashFactory 为NoSplash.splashFactory 例如:去除BottomNavigationBar点击的水波纹 Scaffold( ....省略无用代码 bottomNavigationBar: Theme( data: Theme.of(context) .copyWith(splashFactory: NoSplash.spl

flutter InkWell实现水波纹点击效果

01-21

GestureDetector 使用点击无水波纹出现，InkWell可以实现水波纹效果。正常情况下使用： InkWell( //单击事件响应 onTap: () { }, child: Container( alignment: Alignment(0, 0), height: 28, width: 120,...

Flutter - tabbar实现，去掉水波纹效果

iotjin的专栏

03-08

2881

代码 import 'package:flutter/material.dart'; import 'package:jh_flutter_demo/one/one_page.dart'; import 'package:jh_flutter_demo/Two/two_page.dart'; import 'package:jh_flutter_demo/Three/three_page.dart...

Flutter 自定义点击组件(水波纹点击效果)

曾阿牛的博客

02-23

3447

但是使用inkWell自定义水波纹组件时，子组件设置背景色或背景图片后，会导致水波纹效果消失。这里使用Stack组件包裹，inkWell放在最上面。样式均由子组件确定！Flutter 中的 Material Design 风格中，点击按钮通常会出现水波纹效果。如果想自定义这种效果，可以使用 InkWell 和 Ink 组件。InkWell：一个具有水波纹效果和触摸事件处理功能的组件。它可以包裹其他组件来实现自定义的水波纹效果。Ink：用于在 InkWell 内部生成水波纹效果的组件。

Flutter 去除BottomNavigationBar高亮背景及水波纹效果

最新发布

GY5338的博客

07-08

287

【代码】Flutter 去除BottomNavigationBar高亮背景及水波纹效果。

flutter带水波纹的按钮

wxx314165038的博客

10-12

652

代码如下 Container( child: new Material( child: new Ink( //设置背景 decoration: new BoxDecoration( //背景 color: Colors.white, //设置四周圆角角度

flutter 怎么消除按钮事件的点击溅射背景

半身风雪

11-24

2428

在flutter 中，大部分事件组件都有一个溅射背影，但是假如某天需求让我们取消点击溅射效果，我们该怎么办呢？本篇文章将记录怎么取消溅射效果。

2024Flutter 去除 tabbar 点击后的高亮以及水波纹，SDK3^

qq_45927571的博客

03-13

788

去除Tabbar 的高亮和水波纹

Flutter 取消按钮的动画效果

king6188的博客

07-06

876

(按钮)、(按钮)、(按钮)、FlatButton(扁平按钮)、IconButton(图标按钮)、弹出菜单按钮(弹出菜单按钮)、(轮廓按钮)、ButtonBar(轮廓按钮)、(浮动按钮)、Inkwell(墨水按钮)等，实际项目开发中可以按自己的需要或者习惯选择喜欢的控件。自己最常用的就是Inkwell和，感觉Inkwell可以实现所有的布局，基本上都在使用Inkwell。

使用技术记录

shinechow的博客

07-30

654

使用小记

Flutter 中的 InkResponse 小部件：全面指南

smileKH的博客

05-25

332

是Flutter中material库的一个组件，它提供了一种显示墨水波纹效果的方式，这种效果会在用户与之交互时展开。它通常用于按钮或其他可交互元素，以提供一种视觉反馈。onTap：点击时调用的回调函数。：双击时调用的回调函数。：长按时调用的回调函数。onHover：鼠标悬停时调用的回调函数（仅限于支持鼠标的平台）。radius：墨水波纹的最大半径。：墨水波纹的边框半径。：是否限制墨水波纹在容器内展开。：是否在波纹中心显示高亮效果。// 处理点击事件},

Flutter 如何去掉ListView的水波效果（CustomScrollView）

M_zoneL的博客

03-13

6517

ListView中，当列表划到顶部或底部时，默认会有一个水波的效果，如何去掉这个效果呢？目前暂时没查到解决办法。不过有个曲线救国的方法，就是CustomScrollView。代码： CustomScrollView( physics: BouncingScrollPhysics(), slivers: <Widget>[ Sl...