码迷,mamicode.com
首页 > 其他好文 > 详细

flutter TabBar改变tab大小

时间:2020-11-07 17:26:26      阅读:41      评论:0      收藏:0      [点我收藏+]

标签:class   weight   rgb   指示   nta   ret   tap   ima   cte   

技术图片

 

 被选中的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大小

标签:class   weight   rgb   指示   nta   ret   tap   ima   cte   

原文地址:https://www.cnblogs.com/lude1994/p/13940427.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!