flutter tabBar 选项卡自定义指示器

使用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; 这时候的指示器就有圆角了。

滑动也有效果，美滋滋

flutter tabBar 选项卡自定义指示器相关推荐

flutter tabBar 的属性及自定义实现
flutter tabBar 的属性及自定义实现前言一.TabBar是什么? 二.TabBar 自定义三. Tab 自定义总结前言在Flutter中,TabBar的indicatorPad ...
flutter flutter_swiper自定义指示器
转载请注明出处:王亟亟的大牛之路最近在做公司项目的一些模块迁移的尝试,然后在改Banner的时候发现官方并没有提供封装彻底的ViewPager控件,然后第三方里我选了 https://github. ...
flutter tab选项卡appbar下的选项卡
更多文章请查看 lutter从入门到精通 flutter tab选项卡 appbar 下的选项卡 TabBar .Tab.TabBarView 结合实现这里实现的是appbar 下的选项卡 imp ...
flutter tab选项卡appbar中的选项卡
flutter tab选项卡 appbar 下的选项卡查看appbar 下的选项卡更多文章请查看 lutter从入门到精通 TabBar .Tab.TabBarView 结合实现 import ...
【Flutter】自定义 Flutter 组件 ( 创建自定义 StatelessWidget、StatefulWidget 组件 | 调用自定义组件 )
文章目录一.Flutter 组件简介二.Flutter 自定义 StatelessWidget 组件流程 1.导入父类包 2.选择继承的父类 3.设置成员变量及构造函数 4.重写 build 方法 ...
Flutter RichText支持自定义文本溢出效果
extended text 相关文章 Flutter RichText支持图片显示和自定义图片效果 Flutter RichText支持自定义文本溢出效果 Flutter RichText支持自定义文 ...
Flutter RichText支持自定义文字背景
extended text 相关文章 Flutter RichText支持图片显示和自定义图片效果 Flutter RichText支持自定义文本溢出效果 Flutter RichText支持自定义文 ...
jQueryEasyUI选项卡 - 自定义工具样式
结合项目截图演示说明其中的使用技巧: 首先看一段 <div> 标签内的<div data-options=" 代码片段如下" >代码: //代码片段1 da ...
简单实现TabBar的自定义
StackoverFlow上看到的,通过继承UITabBarController创建自定义TabBarController.在原有TabBar的基础上添加一个背景层,在其基础上增加三个自定义按钮,通过 ...

flutter tabBar 选项卡自定义指示器

flutter tabBar 选项卡自定义指示器相关推荐

最新文章

热门文章