flutter-设置Appbar高度

flutter 中默认的 AppBar 就是我们常说的 Navigationbar，以前Navigationbar默认高度是 44，而 flutter 中的 Appbar默认高度是 56

开发过程中，如果对高度没有明确要求无所谓，如果有要求的话，那么这个默认高度明显不满足要求，可能会非常头疼，下面有两种方式可以设置高度，并且一般可能都会用到

全局设置

全局设置appbar高度代码如下所示，只需要设置 appbar主题的 toolbarHeight 即可

//设置 MaterialApp 的 theme 属性可以设置默认的主题色等，同时也可以设置高度等因素
MaterialApp(
  title: 'Flutter List Demo',
  debugShowCheckedModeBanner: false,
  theme: ThemeData(
    primaryColor: Colors.blue,
    primarySwatch: Colors.blue,
    //更新 Appbar的默认toolbar高度，就是了
    //下面就更新了默认的appbar高度了，设置为常见的 44
    appBarTheme: const AppBarTheme(
      toolbarHeight: 44,
    ),
  ),
);

局部设置

我们实际用的时候个别页面的导航高度可能会不一致，我们怎么设置呢

系统给我们准备了一个 PreferredSize ，通过其包裹 AppBar 可实现更改单个页面 AppBar 高度问题，如下所示

Scaffold(
  //这里简单演示一下设置appbar的高度问题，默认56，我们设置成44即可
  appBar: PreferredSize(
    preferredSize: const Size.fromHeight(88),
    child: AppBar(
      elevation: 0,
      title: const Text('首页')
    ),
  ),
  body: Container(),
),