更改Flutter抽屉角半径

Question

我正在将Drawer与BottomAppBar一起使用。当我单击菜单图标时，它将显示抽屉。我想更改Flutter Drawer的左上角和右上角半径。可以自定义拐角半径吗？

Answer 1

Flutter 中的 Drawer 已经有一个 shape 属性，可以用来改变抽屉的形状。下面是改变抽屉圆角半径的代码：

         Drawer(
            shape: const RoundedRectangleBorder(
              borderRadius: BorderRadius.only(
                  topRight: Radius.circular(20),
                  bottomRight: Radius.circular(20)),
            ),
            child: .....
          ),

无需将抽屉包裹在任何小部件周围。

Answer 2

找到了解决办法。只需将 canvasColor: Colors.transparent 添加到 MaterialApp 主题，它就会起作用。

Answer 3

这就是你应该的行为方式。

 drawer: ClipRRect(
      borderRadius: BorderRadius.only(
          topRight: Radius.circular(35), bottomRight: Radius.circular(35)),
      child: Drawer(...),),

Answer 4

您可以尝试包裹Drawer在ClipRRect

ClipRRect(
  borderRadius: BorderRadius.vertical(top: Radius.circular(4.0)),
  child: Drawer(...),
)