flutter 中顶部tabBar底色设置

由于flutter中顶部tabbar的底色用的是actionBar的底色，而且没有办法更改，如果想要一个不同颜色的底色，只能嵌套一个widget，通过实验，container是不行的，指示器会变成白色，设置的指示器颜色无法显示，如果底色是白色的话，就无法显示指示器。最后通过Material嵌套实现正常展示下面贴上代码：

 bottom: PreferredSize(preferredSize: Size.fromHeight(40),child: Material(color: Colors.white,child: TabBar(controller: _tabController,indicatorSize: TabBarIndicatorSize.label,indicatorColor: Colors.blueAccent[700],unselectedLabelColor: Colors.blueAccent[200],labelColor: Colors.blueAccent[700],tabs: <Widget>[Tab(text: tabstr[0]),Tab(text: tabstr[1]),Tab(text: tabstr[2]),]),),),

flutter 中顶部tabBar底色设置相关推荐

【Flutter】顶部导航栏实现 ( Scaffold | DefaultTabController | TabBar | Tab | TabBarView )
文章目录一.Scaffold 组件二.实现顶部导航栏三.DefaultTabController 导航标签控制组件四.TabBar 导航按钮组件五.Tab 标签组件六.TabBarView ...
Flutter中沉浸式状态栏的设置
Flutter中沉浸式状态栏的设置沉浸式状态栏是什么? 状态栏是指Android手机顶部显示手机状态信息的位置,Android从4.4版本开始新增了透明状态栏功能,状态栏可以自定义颜色背景,是tit ...
给Flutter中的Widget设置透明度
给Flutter中的Widget设置透明度在项目开发中,需要经常用到透明度:比如在app中弹出一个提示框,这个时候的提示框就需要上下左右离边距有一定的距离,然后背景色舍黑色,需要设置透明度为0.4: ...
Flutter 中 Card 设置圆角
Flutter 中 Card 设置圆角圆角设置非常常用,本文介绍 Card 容器组件的圆角等设置方法. 圆角设置 //shape 设置边,可以设置圆角 shape: RoundedRectangle ...
【Flutter 问题系列第 15 篇】如何给 Flutter 中的图片设置透明度
这是[Flutter 问题系列第 15 篇],如果觉得有用的话,欢迎关注专栏. 在 Flutter 中,如果背景色是颜色的话,我们知道可以直接通过 Color.fromRGBO(r, g, b, op ...
Flutter中Scaffold布局的使用详解及实例代码
Flutter中Scaffold布局的使用详解及实例代码 Scaffold实现了基本的Material布局.只要是在Material中定义了的单个界面显示的布局控件元素,都可以使用Scaffold来绘 ...
flutter中使用InkWell给任意Widget添加点击事件
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. 重要消息 [x1]微信公众号的每日提醒随时随记每日积累随心而过 [x2]各种系列的视频教程免费开源关注你不会迷路 [x3] ...
官方文档——一篇文章弄懂Flutter中的布局
来自Flutter中文资源主页https://flutter.cn/ 原文:https://flutter.cn/docs/development/ui/layout Flutter 中的布局要点 ...
Flutter第一部分（UI）第二篇：在Flutter中构建布局
前言:Flutter系列的文章我应该会持续更新至少一个月左右,从User Interface(UI)到数据相关(文件.数据库.网络)再到Flutter进阶(平台特定代码编写.测试.插件开发等),欢迎感 ...

flutter 中顶部tabBar底色设置

flutter 中顶部tabBar底色设置相关推荐

最新文章

热门文章