Flutter 去除 tabbar 点击色

最新推荐文章于 2024-05-04 17:17:54 发布
最新推荐文章于 2024-05-04 17:17:54 发布
阅读量543 收藏
点赞数
分类专栏： Flutter 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cilps/article/details/116285704
版权
这篇博客探讨了如何在Flutter中实现Tabbar居左，并解决TabController监听触发两次及去除Tabbar点击后出现的高亮效果的问题。
摘要由CSDN通过智能技术生成

Tabbar居左

   const double _kTabHeight = 46.0;
   return PreferredSize(
      preferredSize: Size.fromHeight(_kTabHeight),
      child: TabBar(),
      //child: buildTheme(),
最低0.47元/天 解锁文章
cilps
关注
专栏目录
flutter TabBar 实战使用技巧
智玲君
01-15 1444
Tabbar属性介绍： const TabBar({ Key key, @required this.tabs,//必须实现的，设置需要展示的tabs，最少需要两个 this.controller, this.isScrollable = false,//是否需要滚动，true为需要 this.indicatorColor,//选中下划线的颜色 this.indicatorWeight = 2.0,//选中下划线的高度，值越大高度越高，默认为2 thi
Flutter使用TabBar问题小结
2401_84149530的博客
04-17 785
Tab的图标如果使用的是Icon，则自带点击图标变化效果。但如果用的是自定义Image，则需要通过setState管理Image引用的资源才能实现其效果。全部代码如下//底部导航控制器//选中位置//Tab1的图片资源//Tab2的图片资源@override//初始化默认图片资源//TabBar监听器@override… //此处代码省略]),tabs: [Tab(Tab(],),),),
2024Flutter 去除 tabbar 点击后的高亮以及水波纹，SDK3^
qq_45927571的博客
03-13 870
去除Tabbar 的高亮和水波纹
Flutter 去掉AppBar的点击水波纹效果和点击出现的灰色背景
weixin_42779997的博客
12-17 831
Flutter 去掉AppBar的点击水波纹效果和点击出现的灰色背景 此处使用ThemeData进行局部控件的颜色设置，splashColor设置的是水波纹效果，highlightColor设置的是选择的高亮效果。将两个颜色都设置成透明色，就达到了我们要的效果。 注意??：使用ThemeData进行设置时候AppBar文字的颜色labelColor和未选中的文字颜色unselectedLabelColor需要根据自己的需求进行设置下 Container( height: 40,
【Flutter 问题系列第 13 篇】Flutter 如何去掉 TabBar 点击时的阴影以及波纹效果
“Allen Su”的博客
04-17 3672
Flutter 如何去掉 TabBar 点击时的阴影以及波纹效果
flutter 如何巧妙去掉TabBar点击带来的阴影及水波纹效果
Dryingup的博客
03-02 2206
官方没有直接解决的方法，所以另选他法。 Theme 在进行自定义TabBar外层嵌套一层 我们只需要使用ThemeData中的一个属性便可以处理 Theme( data: ThemeData( ///默认背景颜色 backgroundColor: Color.fromRGBO(238,238,238, 1), ///点击的背景高亮颜色,处理阴影 highlightColor: Color.fromRGBO(238,238,238, 1), ///点击水波纹颜色
flutter 改变 TabBar 背景颜色的方法
zhumj_zhumj的专栏
10-30 4802
在TabBar 外面再套一层Material ，设置 Material 的 color 属性： class _MainPageState extends State<MainPage> with SingleTickerProviderStateMixin { TabController _tabController; @override void initSt...
Flutter—-去掉底部导航栏的水波纹效果
01-03
在群里有好几次被人问到了，Flutter自带的底部导航栏，点击会有水波纹的效果，要怎么去掉。当时我也很懵，不是觉得这应该很简单吗？怎么被问了好几次。现在我就把这个解决方法告诉你们。 其实处理问题的方式很简单。...
Flutter TabBar 标签栏背景颜色、点击水波纹颜色配置
代码小疯子
10-29 3735
App 开发的很多默认的使用场景中，TabBar 默认使用的背景颜色、点击效果多多少少是满足不了我们的需要的，本文章就是个性颜色配置的
如何去除tabBar的上横线和navigationBar的下横线
zhongdian_liwei的博客
03-24 3348
隐藏tabBar横线 navigationBar横线
Flutter中TextButton去除点击背景色
qq_41209042的博客
09-07 617
,),),'保存',),),},),
flutter 怎么消除按钮事件的点击溅射背景
半身风雪
11-24 2465
在flutter 中，大部分事件组件都有一个溅射背影，但是假如某天需求让我们取消点击溅射效果，我们该怎么办呢？本篇文章将记录怎么取消溅射效果。
Flutter 创建底部Tabbar与子控制器,去除底部点击动画效果
wyyrls的博客
01-19 5104
Flutter 创建底部Tabbar与子控制器,去除底部点击动画效果 1. 底部Tabbar的创建 底部tabbar的创建和实现使用的是BottomNavigationBar（）函数来创建的，传入一个Items数组，里面存放的是BottomNavigationBarItem元素,类似于iOS， BottomNavigationBar常见属性： type：tabbar样式，默认为白色不显示； f...
flutter取消 点击的高亮，长按的水纹波
weixin_43453916的博客
08-05 884
Widget build(BuildContext context) { return Container( child: MaterialApp( title: '菜篮子', debugShowCheckedModeBanner: false, theme: ThemeData( primaryColor: Color(int.parse('0xfffa5956')), ...
Flutter-TabBar的使用说明
最新发布
2401_84150043的博客
05-04 1396
！最后放上一个大概的Android学习方向及思路（详细的内容太多了~），提供给大家：对于程序员来说，要学习的知识内容、技术有太多太多，这里就先放上一部分，其他的内容有机会在后面的文章向大家呈现出来，不过我自己所有的学习资料都整理成了一个文档，一直在不断学习，希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！Android架构师之路很漫长，一起共勉吧！
Flutter TabBar
Millet
11-18 105
Flutter TabBar TabBar class FirstTabBarDemo extends StatefulWidget { @override _FirstTabBarDemoState createState() => _FirstTabBarDemoState(); } class _FirstTabBarDemoState extends State<FirstTabBarDemo> with SingleTickerProviderStateMixin{
Flutter之自定义AppBar及顶部导航切换
一花一世界 一叶一菩提
02-28 3282
AppBar常用属性 属性 描述 leading 在标题前面显示的一个控件，在首页通常显示应用的logo；在其他界面通常显示为返回按钮 title 标题，通常显示为当前页面的标题，是一个widget actions 通常使用IconButton来表示，可以放按钮组 bottom 通常放tabBar，标题下面显示一个Tab导航栏 backgroun...
tabBarController切换时有时候会出现底部TabBar有块黑色闪一下消失了，原因是
wu_yan00的博客
04-12 604
当我们使用原生的tabBarController切换时有时候会出现底部TabBar有块黑色闪一下消失了，原因是： 我们跳转页面时使用了self.hidesBottomBarWhenPushed = true，当你切换到tabBarController其它的selectedIndex之前没有将self.hidesBottomBarWhenPushed还原回false； oc代码： self.hidesBottomBarWhenPushed = NO self.tabBarController.sele
Flutter Inkwell,RaisedButton去除水波纹的点击效果
qq1377399077的专栏
11-09 5181
InkWell 、RaisedButton 等组件自带 splashColor 属性和 highlightColor 属性.将这两个属性设置为透明即可去除点击的效果. InkWell( onTap: () {}, child: Text('InkWell 组件'), highlightColor: Colors.transparent, // 透明色 splashColor: Colors.transparent, // 透明色 ), 但是RaisedButton即使设置了 splas
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值