历览千载书,时时见遗烈。这篇文章主要讲述Flutter——AppBar组件(顶部导航组件)相关的知识,希望能为你提供帮助。
AppBar组件的常用属性如下:
属性 | 描述 |
leading | 在标题前面显示的一个控件,在首页通常显示应用的 logo;在其他界面通常显示为返回按钮 |
title | 标题,通常显示为当前界面的标题文字,可以放组件 |
actions | 通常使用 IconButton 来表示,可以放按钮组 |
bottom | 通常放 tabBar,标题下面显示一个 Tab 导航栏 |
backgroundColor | 导航背景颜色 |
iconTheme | 图标样式 |
textTheme | 文字样式 |
centerTitle | 标题是否居中显示 |
【Flutter——AppBar组件(顶部导航组件)】
文章图片
import \'package:flutter/material.dart\'; void main() { runApp(MaterialApp( title: "AppBarWidget", home: Scaffold( appBar: AppBar( backgroundColor: Colors.redAccent, leading: IconButton( icon: Icon(Icons.menu), onPressed: () {}, ), title: Text("AppBarDemo"), actions: < Widget> [ IconButton( icon: Icon(Icons.search), onPressed: () {}, ), IconButton( icon: Icon(Icons.more_horiz), onPressed: () {}, ) ], ), body: Center( child: Text("TTTTTTTTTTT"), ), ), )); }
推荐阅读
- main方法类 为何由AppClassLoader加载
- Elasticsearch(Dynamic mapping)
- 关于AndroidStudio的apk打包遇到的问题记录
- idea配置application context(web项目的默认访问路径)
- Android获取ROOT权限的通用方法
- Android init介绍(下)
- 将Android studio项目同步到码云
- Python正则表达式用法详解
- Python如何读取csv文件(答案在这里————)