flutter TabBar改变tab大小

Posted lude1994

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flutter TabBar改变tab大小相关的知识,希望对你有一定的参考价值。

技术图片

 

 被选中的tab变大

 

TabBar(
                        tabs: _tab.map((f) {
                          return Text(
                            f,
                            style: TextStyle(color: Colors.white), // 设置tab文字的样式,优先级最高
                          );
                        }).toList(),
                        controller: _controller1,
                        indicatorColor: Colors.orange, // 下面那条横线的颜色

                        indicatorSize: TabBarIndicatorSize.label, // 指示器是类型, label是这样的,tab是沾满整个tab的空间的
                        isScrollable: true, // 是否可以滑动
                        indicatorWeight: 3.0, // 指示器的高度/厚度
                        unselectedLabelStyle: TextStyle(fontSize: 16), // 未选择样式
                        labelStyle: TextStyle( fontSize: 20, height: 2), // 选择的样式




                        onTap: _tabChange
                    ),

 

以上是关于flutter TabBar改变tab大小的主要内容,如果未能解决你的问题,请参考以下文章

从 Flutter 中的 Tab 文本中删除奇怪的渐变

Flutter 自定义TabBar指示器(indicator)实现秒杀UI样式

Flutter 专题75 图解基本 TabBar 标签导航栏 #yyds干货盘点#

自动编号 Flutter TabBar 选项卡

点击 Tab bar 过滤列表 Flutter

QTabWidget修改tabbar的大小