
flutter tabBar 选项卡自定义指示器
发布日期:2021-10-10 05:31:05
浏览次数:36
分类:技术文章
本文共 1752 字,大约阅读时间需要 5 分钟。
使用flutter TabBar 做自定义选项卡。
1.根据index 使用三目运算,缺点点击以后没有滑动效果。
tabs:TabMoudels.map((i) => Container( padding: EdgeInsets.all(0), height: 76.h, child: Tab( child: Row( crossAxisAlignment: CrossAxisAlignment.center, children: [ Container( width: MediaQuery.of(context).size.width/3, height: 76.h, child: Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ Text(i), SizedBox( height: 5, ), TabMoudels.indexOf(i)==_currentIndex?Container( width: 15, height: 4, decoration: BoxDecoration( //这里面写颜色 color: Colors.blue, borderRadius: BorderRadius.circular(1) ), ):Container() ], ), ) ], ), ), )).toList()),
2. 使用官方的指示器
indicator: UnderlineTabIndicator(),可以找到UnderlineTabIndicator源码,自己新建一个文件,
修改 成为 StrokeCap.round; 这时候的指示器 就有圆角了。
滑动也有效果,美滋滋
转载地址:https://blog.csdn.net/qq_22049619/article/details/108428403 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
哈哈,博客排版真的漂亮呢~
[***.90.31.176]2023年12月05日 20时00分30秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
将数组写入到excel的两种方式(详细教程)
2019-03-28
h5py入门讲解
2019-03-28
进度条显示(教程)
2019-03-28
Python日常总结
2019-03-28
TensorFlow处理数据常用套路
2019-03-28
3D点云数据显示
2019-03-28
Numpy学习教程偏僻函数总结
2019-03-28
STM32F407中断优先级(简单详解篇)
2019-03-28
数组合并,数组在xls文件保存经典操作(详细教程)
2019-03-28
Python时间模块,包括程序运行时间(超详细教程)
2019-03-28
将Matplotlib绘制的图显示到Tkinter中(详细教程)
2019-03-28
使用pcl将bin文件转化为pcd文件
2019-03-28
Pyinstaller生成exe文件(详细教程)
2019-03-28
调用函数,返回两个变量
2019-03-28
## python对txt文件进行处理(详细教程)
2019-03-28
周立功CAN通讯(txt格式) 报文解析
2019-03-28
Python+OpenCV教程3:打开摄像头
2019-03-28
Python的Serial串口通讯协议
2019-03-28
使用pyserial进行串口传输(实时绘图)
2019-03-28
用Python串口实时显示数据并绘图pyqtgraph(详细教程)
2019-03-28