AppBar 组件示例

main.dart

import 'package:flutter/material.dart';

void main() => runApp((MyApp()));

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ScaffoldExample(),
      title: "MaterialApp示例",
    );
  }
}

class ScaffoldExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
//      头部元素
      appBar: AppBar(
//        左侧图标
        leading: Icon(Icons.home),
//        标题
        title: Text('AppBar示例'),
//        操作按钮集
        actions: <Widget>[
//          图标按钮
          IconButton(
            icon: Icon(
              Icons.search,
            ),
            tooltip: "搜索",
            onPressed: () {},
          ),
          IconButton(
            icon: Icon(Icons.message),
            tooltip: '消息',
            onPressed: () {},
          )
        ],
      ),
    );
  }
}