如何為flutter app bar添加圓角？

Question

我正在嘗試在 flutter 中創建一個具有兩層的應用欄 - 一個黑色的頂部和一個藍色的底部。 底部需要有圓形的頂部邊緣。 我附上一張圖片供參考。 我該怎么辦？

我目前在Scaffold使用AppBar類，我可以像這樣制作一個簡單的 AppBar：

AppBar(
      elevation: 0,
      backgroundColor: Color(0xFFB6E6FE),
      leading: CustomLeadingButtonClass(
        onPressed: () {},
        child: Icon(
          Icons.arrow_back_ios,
          color: Colors.black,
          size: 18,
        ),
      ),
    );

Answer 1

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);

}

您可以通過執行此類操作來自定義您自己的應用欄。