如何更改AppBar背景和样式？

1. 更改AppBar背景色： 可以使用AppBar组件的backgroundColor属性来更改AppBar的背景颜色。

示例代码：

AppBar(
  backgroundColor: Colors.blue, // 将背景颜色更改为蓝色
  title: Text('My App'),
);

2. 更改AppBar高度和阴影： 我们可以使用PreferredSize组件来更改AppBar的高度，并使用Material组件的elevation属性更改AppBar的阴影。

示例代码：

PreferredSize(
  preferredSize: Size.fromHeight(100),  // 将AppBar高度更改为100
  child: AppBar(
    elevation: 0,  // 将AppBar的阴影去掉
    title: Text('My App'),
  ),
);

3. 自定义AppBar样式： 我们可以使用Theme组件来自定义AppBar的样式，例如更改文本颜色、字体、图标等。

示例代码：

Theme(
  data: ThemeData(
    appBarTheme: AppBarTheme(
      color: Colors.blue,  // 更改AppBar颜色
      textTheme: TextTheme(
        headline6: TextStyle(
          color: Colors.white,  // 更改标题颜色
          fontSize: 20,  // 更改标题字体大小
          fontWeight: FontWeight.bold,  // 更改标题字体粗细
        ),
      ),
      iconTheme: IconThemeData(
        color: Colors.white,  // 更改图标颜色
      ),
    ),
  ),
  child: AppBar(
    title: Text('My App'),
    actions: [
      IconButton(
        icon: Icon(Icons.search),
        onPressed: () {},
      ),
    ],
  ),
);