flutter-设置appbar高度和去掉阴影

780 阅读1分钟

我们编写 flutter 难免会碰到一些比较细节的东西,例如 appbar高度(系统默认的appbar导航高度56,我们实际设置一般是44左右,可以根据情况决定是否调整),去掉阴影等

//新起一个页面,使用appbar
Scaffold(
  //appbar固定高度,外面包裹一层 PreferredSize 即可,设置
  appBar: PreferredSize(
    //设置高度即可
    preferredSize: const Size.fromHeight(56),
    //child在给定 AppBar即可
    child: AppBar(
      //Appbar默认底部有阴影,去掉的话只需要将 elevation 设置为 0 即可
      elevation: 0,
      title: const Text('ListView'),
    ),
  ),
  //设置body内容
  body: const TabBarView(
    children: [
      DefalutListView(),
      ListTableView(),
      ListSeparatedTableView()
    ],
  ),
);