Flutter 封装公共的AppBar

608 阅读1分钟

1.封装全局公共的统一appbar,便于统一样式、统一维护


/// Description: 统一配置appbar
/// Created on 2022/8/6
/// Author :  郭
AppBar CommonAppBar({required String title,List<Widget>?actions}) {
  return AppBar(
    //背景色
    backgroundColor: Colors.white,
    //标题居中
    centerTitle: true,
    //阴影去掉
    elevation: 0,
    //返回按钮样式
    iconTheme: const IconThemeData(color: Colors.black),
    //返回按钮
    leading: IconButton(onPressed:() =>  Get.back(), icon: const Icon(Icons.arrow_back_ios_new)) ,
    title: Text(
      title,
      style: ResTextStyles.style_18_333333_bold,
    ),
    //如果右侧需要点击事件,那么传入widget集合
    actions:actions,
  );
}

2.与之对应的ResTextStyles为

static TextStyle style_18_333333_bold =
    TextStyle(fontWeight: FontWeight.bold, fontSize: 18.sp, color: ResColor.color333);

3.调用方式

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: CommonAppBar(title: "反馈记录"),
    body: Container(),
  );
}