flutter TabBar改变tab大小

技术文章 3个月前 完美者
1,402 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

版权声明:完美者 发表于 2020-11-07 17:26:26。
转载请注明:flutter TabBar改变tab大小 | 完美导航

暂无评论

暂无评论...