Flutter中AppBar组件详解

import 'package:flutter/material.dart';

class HomePage extends StatelessWidget {
    const HomePage({Key key}) : super(key: key);
    @override
    Widget build(BuildContext context) {
        return Scaffold(
            appBar: AppBar(
                title:Text('Flutter App'),
                // 无论什么平台，标题都居中
                centerTitle: true,
                // 背景颜色
                backgroundColor: Colors.red,
                // 前置控件
                leading: IconButton(
                    icon:Icon(Icons.menu),
                    onPressed: (){

                    },
                ),
                // 后置控件
                actions: <Widget>[
                    // 按钮1
                    IconButton(
                        icon:Icon(Icons.search),
                        onPressed: (){

                        },
                    ),
                    // 按钮2
                    IconButton(
                        icon:Icon(Icons.settings),
                        onPressed: (){

                        },
                    )
                ],
            ),
            body:Center(
                child:Text('这是App主体')
            )
        );
    }
}