flutter tabBar 选项卡自定义指示器
发布日期:2021-10-10 05:31:05
浏览次数:38
分类:技术文章
本文共 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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
逛到本站,mark一下
[***.202.152.39]2024年03月12日 17时31分38秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
java字符字面量_java – 字符串字面量的行为是令人困惑的
2019-04-21
php判断数组的值是否为空,PHP判断数组是否为空的常用方法(五种方法)
2019-04-21
php 读数据库,PHP数据库
2019-04-21
PHP能不能下载报表,PHP生成Excel报表的方法
2019-04-21
php mht2html,PHP 处理 mht 文件
2019-04-21
rt2tr matlab,MATLAB机器人工具箱参考
2019-04-21
win iis对比apache php,服务器Apache与IIS的区别
2019-04-21
怎样用xampp测试php环境变量,使用xampp配置php运行环境的方法
2019-04-21
qq互联php教程,thinkphp5怎么整合qq互联登录教程
2019-04-21
mysql建立索引 性能测试_MySQL分区和索引性能测试
2019-04-21
数据结构java实验 刘小晶_数据结构实例解析与实验指导:Java语言描述
2019-04-21
java实现 k nn算法_java-C中的k-NN示例问题(OpenCV)
2019-04-21
java重用名快捷键_Eclipse 最常用的 10 组快捷键,个个牛逼!
2019-04-21
java中类加载根路径_java中获取类加载路径和项目根路径的5种方法
2019-04-21
Java套接字传文件_Java通过套接字传输多个文件
2019-04-21
递归字符串逆序 java_在Java中使用递归反转字符串
2019-04-21