Flutter——AppBar組件（頂部導航組件）

AppBar組件的常用屬性如下：

屬性	描述
leading	在標題前面顯示的一個控件，在首頁通常顯示應用的 logo；在其他界面通常顯示為返回按鈕
title	標題，通常顯示為當前界面的標題文字，可以放組件
actions	通常使用 IconButton 來表示，可以放按鈕組
bottom	通常放 tabBar，標題下面顯示一個 Tab 導航欄
backgroundColor	導航背景顏色
iconTheme	圖標樣式
textTheme	文字樣式
centerTitle	標題是否居中顯示

 

 

 

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"),
      ),
    ),
  ));
}