Flutter DrawerHeader分割线去除/改透明问题求助

以下是几种可行的解决方案，针对你遇到的默认分割线无法通过边框设置去除的情况：

• 自定义头部替代DrawerHeader
  放弃使用自带默认样式的DrawerHeader，用Container完全自定义头部，彻底避免默认分割线：

drawer: const Drawer(
  child: Column(
    children: [
      Container(
        height: 160, // 匹配DrawerHeader默认高度
        padding: EdgeInsets.all(16),
        alignment: Alignment.center,
        child: Text('Hello World'),
      ),
      // 抽屉内其他组件
    ],
  ),
),

• 通过Theme全局隐藏分割线
  在Drawer外层套Theme，将分割线颜色设为透明，直接消除默认的灰色线条：

drawer: Theme(
  data: Theme.of(context).copyWith(
    dividerColor: Colors.transparent,
  ),
  child: const Drawer(
    child: Column(
      children: [
        DrawerHeader(
          child: Center(child: Text('Hello World')),
        ),
        // 抽屉内其他组件
      ],
    ),
  ),
),

• 调整DrawerHeader的边距与装饰
  DrawerHeader默认的margin会预留分割线空间，设置margin: EdgeInsets.zero并清空默认装饰，即可去掉灰色线条：

drawer: const Drawer(
  child: Column(
    children: [
      DrawerHeader(
        margin: EdgeInsets.zero,
        padding: EdgeInsets.all(16),
        decoration: BoxDecoration(),
        child: Center(child: Text('Hello World')),
      ),
      // 抽屉内其他组件
    ],
  ),
),

内容的提问来源于stack exchange，提问作者Heike Heinrich