flutter 学习笔记之封装一个appbar

# flutter_appbar

封装一个简单的appbar,默认显示title和返回按钮和下面的分割线

- PreferredSizeWidget bottom 支持自定义bottom
- titleStyle 支持自定义title的风格
- backImgName 自定义返回按钮的图片
- backgroundColor 自定义导航栏颜色
 

核心代码:

 Widget build(BuildContext context) {
    return AppBar(
      title: new Text(
        widget.title ?? 'title',
        style: new TextStyle(
          color: Colors.black,
          fontSize: 17.0,
          fontWeight: FontWeight.bold,
        ),
      ),
      leading: widget.isShowBack ?
      FlatButton(
        child: Image(
          image: new AssetImage('resources/base_navi_back@2x.png'),
          width: 9,
          height: 15,
        ),
        onPressed: () {
          Navigator.maybePop(context);
        },
      ) : null,
      backgroundColor: widget.backgroundColr ?? Colors.white,
      elevation: 0,
   
      bottom: new AppBarBottom(
        child: widget.bottom,
      ),
      actions: widget.actions,
    );
  }

源码:https://github.com/AnleSu/flutter_appbar

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值