
flutter tabBar 选项卡自定义指示器
发布日期:2021-10-10 05:31:05
浏览次数:9
分类:技术文章
本文共 825 字,大约阅读时间需要 2 分钟。
使用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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
关注你微信了!
[***.191.171.2]2022年12月06日 16时41分48秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
最新文章
心的开始
2020-02-06 11:38:32
心痛的感觉,有木有?
2020-02-06 11:38:32
心疼自己
2020-02-06 11:38:31
心疼程序猿一秒钟
2020-02-06 11:38:31
心疼啊今天在四季青买衣服的时候在试衣服的时候,竟然有个小偷把我的n73手机给偷去了,
2020-02-06 11:38:31
心疼了!
2020-02-06 11:38:31
心电遥测设备的全球与中国市场2022-2028年:技术、参与者、趋势、市场规模及占有率研究报告
2020-02-06 11:38:31
心电图 python_ST段凹面型向上抬高,一定是早期复极?心电图读图第201期
2020-02-06 11:38:31
心甘情愿的辛苦
2020-02-06 11:38:31
心理魔术
2020-02-06 11:38:31
心理魔术
2020-02-06 11:38:31
心理软件测试自学,软件测试中的心理学
2020-02-06 11:38:30
心理素质测试脸型软件,2017年火爆朋友圈的脸型测试,灰常的准!~
2020-02-06 11:38:30
心理测量函数(Psychometric Function)
2020-02-06 11:38:30
心理测评软件的心理测试法的优缺点,心理测试的优缺点
2020-02-06 11:38:30
心理测评全系统设计与代码实现(更新中…)
2020-02-06 11:38:30
心理年龄
2020-02-06 11:38:30
心理学,值得一看
2020-02-06 11:38:30
心理学资源整理
2020-02-06 11:38:29
心理学经典实验matlab,心理学MATLAB初学者教程 --前言及目录
2020-02-06 11:38:29