flutter实战项目 （准备工作篇） appBar篇

先给出一个代码，怎么美化这个代码呢

 appBar: AppBar(title: Text('BLoC Counter Example'),
      actions: [
        
      ],
      ),

要美化AppBar，你可以使用AppBar的属性来进行自定义。以下是一些可以用于美化AppBar的常用属性和示例：

1. 背景颜色：

appBar: AppBar(
  backgroundColor: Colors.blue, // 设置背景颜色为蓝色
  title: Text('BLoC Counter Example'),
),

     2.标题样式： 

appBar: AppBar(
  title: Text(
    'BLoC Counter Example',
    style: TextStyle(
      fontSize: 20, // 设置标题字体大小
      fontWeight: FontWeight.bold, // 设置标题字体加粗
      color: Colors.white, // 设置标题颜色为白色
    ),
  ),
),

     3.左侧图标：

appBar: AppBar(
  leading: Icon(Icons.menu), // 设置左侧图标为菜单图标
  title: Text('BLoC Counter Example'),
),

     4.右侧操作按钮：

appBar: AppBar(
  title: Text('BLoC Counter Example'),
  actions: [
    IconButton(
      icon: Icon(Icons.search), // 添加搜索按钮
      onPressed: () {
        // 点击搜索按钮触发的操作
      },
    ),
    IconButton(
      icon: Icon(Icons.settings), // 添加设置按钮
      onPressed: () {
        // 点击设置按钮触发的操作
      },
    ),
  ],
),