[英]How to add rounded corners to BottomAppBar with CircularNotchedRectangle in Flutter
[英]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.