如何删除ddrawer和列表之间的分隔线答案

【问题标题】：How to remove divider line between ddrawer and the list如何删除ddrawer和列表之间的分隔线
【发布时间】：2023-01-26 19:54:16
【问题描述】：

如何删除ddrawer和列表之间的分隔线？

我有下一个代码：

  @override
  Widget build(BuildContext context) {
    return Drawer(
      child: ListView(
        children: [
          const DrawerHeader(
            decoration: BoxDecoration(
              color: Colors.blueGrey,
              borderRadius: BorderRadius.only(
                bottomLeft: Radius.circular(40),
                bottomRight: Radius.circular(40),
              ),
            ),
            child: Text('Settings'),
          ),
          ListTile(
            leading: const Icon(Icons.settings),
            title: const Text("Blue Print"),
          ),
        ],
      ),
    );

给出下一个抽屉：

【问题讨论】：

标签： flutter

【解决方案1】：

您可以为您的用户界面尝试此代码：

但一个问题是底部边缘不是完美的圆形，而是底部分隔线消失了。

       ClipRRect(
            borderRadius: BorderRadius.only(
              bottomLeft: Radius.circular(50),
              bottomRight: Radius.circular(50),
            ),
            child: DrawerHeader(
              decoration: BoxDecoration(
                color: Colors.blueGrey,
              ),
              child: Text('Settings'),
            ),
          ),

【讨论】：

【解决方案2】：

使用容器而不是抽屉标题小部件并相应地进行装饰，

容器（宽度：MediaQuery.of(context).size.width, 身高：100，装饰：BoxDecoration( 颜色：Colors.blueGrey， borderRadius: BorderRadius.only( bottomLeft: Radius.circular(40), bottomRight: Radius.circular(40), )), 孩子：文本（'设置'，）。paddingSymmetric（垂直：20，水平：20））

【讨论】：