Flutter——AppBar组件(顶部导航组件)

历览千载书,时时见遗烈。这篇文章主要讲述Flutter——AppBar组件(顶部导航组件)相关的知识,希望能为你提供帮助。
AppBar组件的常用属性如下:

属性 描述
leading 在标题前面显示的一个控件,在首页通常显示应用的 logo;在其他界面通常显示为返回按钮
title 标题,通常显示为当前界面的标题文字,可以放组件
actions 通常使用 IconButton 来表示,可以放按钮组
bottom 通常放 tabBar,标题下面显示一个 Tab 导航栏
backgroundColor 导航背景颜色
iconTheme 图标样式
textTheme 文字样式
centerTitle 标题是否居中显示
 
【Flutter——AppBar组件(顶部导航组件)】
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"), ), ), )); }

 

    推荐阅读