Flutter基础widgets教程-AppBar篇

简介: Flutter基础widgets教程-AppBar篇

1 AppBar

一个典型的AppBar,带有标题、操作和溢出的下拉菜单。

2 构造函数

AppBar({
    Key key,
    this.leading,
    this.automaticallyImplyLeading = true,
    this.title,
    this.actions,
    this.flexibleSpace,
    this.bottom,
    this.backgroundColor,
    this.brightness,
    this.iconTheme,
    this.textTheme,
    this.primary = true,
    this.centerTitle,
    this.titleSpacing = NavigationToolbar.kMiddleSpacing,
    this.toolbarOpacity = 1.0,
    this.bottomOpacity = 1.0,
})

复制

3 常用属性

3.1 tleading:在标题前面显示的一个控件,在首页通常显示应用的 logo;在其他界面通常显示为返回按钮

leading: IconButton(
    icon: Icon(Icons.menu),
    onPressed: () {},
),

复制

3.2 title:标题,通常显示为当前界面的标题文字,可以放组件

title: "AppBarWidget",

复制

3.3 actions:通常使用 IconButton 来表示,可以放按钮组

actions: <Widget>
    IconButton(
        icon: Icon(Icons.search),
        onPressed: () {},
    ),
    IconButton(
        icon: Icon(Icons.more_horiz),
        onPressed: () {},
    )
,

复制

3.4 bottom:通常放 tabBar,标题下面显示一个 Tab 导航栏

bottom:<Widget>[],

复制

3.5 backgroundColor:导航背景颜色

backgroundColor: Colors.redAccent,

复制

3.6 centerTitle: 标题是否居中显示,默认值根据不同的操作系统,显示方式不一样

centerTitle: true,
相关文章
|
Dart 前端开发 开发工具
谷歌移动UI框架Flutter教程之Widget
谷歌移动UI框架Flutter教程之Widget
|
Web App开发 JavaScript 应用服务中间件
Flutter Web网站搭建教程
曾几何时,你有没有一个搭个人网站的冲动,我这个想法在我第一次开始写博客就有了,可就是没有搭起来,直到我看到flutter有了web支持,我就在想,是时候了,必须且一定要做,于是乎我就搭建了现在的网站ibaozi.cn
524 0
Flutter Web网站搭建教程
|
Android开发 开发者
Flutter教程 — 路由管理与Navigator进阶使用(老油条看了都说好!!!)
在上一节我们已经讲了Flutter路由管理与Navigator基础使用,有兴趣或者对这一块还不太了解的同学可以去看看。 但是仅仅这样时不够的 在实际项目中这些怎么会够呢???现在让我们来看看这些骚操作…
Flutter教程 — 路由管理与Navigator进阶使用(老油条看了都说好!!!)
|
Dart 数据可视化
Flutter教程 — 基础组件(下)
Flutter的几个基础组件(下)
Flutter教程 — 基础组件(下)
|
Android开发 容器
Flutter教程 - 基础组件(上)
Flutter的几个基础组件解析(上)
Flutter教程 - 基础组件(上)
|
Dart 开发工具 Android开发
1.第一节 - Flutter教程之AndroidStudio配置Flutter工程(并运行第一个项目)
Flutter之AndroidStudio配置Flutter工程并运行第一个项目
1.第一节 - Flutter教程之AndroidStudio配置Flutter工程(并运行第一个项目)
|
Dart Shell 开发工具
Flutter 安装简化教程
Flutter 安装简化教程
319 0
Flutter 安装简化教程
Flutter基础widgets教程-Transform篇
Flutter基础widgets教程-Transform篇
264 0
Flutter基础widgets教程-Transform篇
Flutter基础widgets教程-SizedOverflowBox篇
Flutter基础widgets教程-SizedOverflowBox篇
175 0
Flutter基础widgets教程-SizedOverflowBox篇