繁体   English   中英

如何为flutter app bar添加圆角?

[英]How to add rounded corners to flutter app bar?

我正在尝试在 flutter 中创建一个具有两层的应用栏 - 一个黑色的顶部和一个蓝色的底部。 底部需要有圆形的顶部边缘。 我附上一张图片供参考。 我该怎么办?

在此处输入图片说明

我目前在Scaffold使用AppBar类,我可以像这样制作一个简单的 AppBar:

AppBar(
      elevation: 0,
      backgroundColor: Color(0xFFB6E6FE),
      leading: CustomLeadingButtonClass(
        onPressed: () {},
        child: Icon(
          Icons.arrow_back_ios,
          color: Colors.black,
          size: 18,
        ),
      ),
    );
class BlogApbar extends StatelessWidget implements PreferredSizeWidget {
 final double _pref = 140.0;

  Widget build(BuildContext context) {
    return Container( child: YOURCHILD, decoration: BoxDecoration(
borderRadius: BorderRadius.only()));
  }


  @override
  Size get preferredSize => Size.fromHeight(_pref);

}

您可以通过执行此类操作来自定义您自己的应用栏。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM