19 Flutter 自定义AppBar 定义顶部Tab切换 底部Tab结合顶部Tab实现类似头条页面布局(27分36秒)

Flutter AppBar自定义顶部导航按钮图标、颜色以及TabBar定义顶部Tab切换。
leading:在标题前面显示的一个控件,在首页通常显示应用的logo;在其他界面通常显示为付汇按钮。
title:标题,通常显示为当前界面的标题文字,可以放组件
actions:通常使用IconButton来表示,可以放按钮组
bottom:通常放tabBar,标题下面显示一个Tab导航栏
backgroundColor:导航背景颜色
iconTheme:图标样式
textTheme:文字样式
centerTitle:标题是否居中显示。


Flutter AppBar中自定义TabBar实现顶部Tab切换:
TabBar常见属性:
tabs 显示的标签内容,一般使用Tab对象,也可以是其他的Widget
controller TabController对象
isScrollable:是否可以滑动
indicatorColor :指示器颜色
posted @   生如逆旅,一苇以航  阅读(1861)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
· 提示词工程——AI应用必不可少的技术
历史上的今天:
2017-09-07 html中元素盒子垂直居中的实现方法
点击右上角即可分享
微信分享提示