flutter抽屉标志白色下划线

Question

 drawer: Drawer(
        backgroundColor: Colors.grey[900],
        child: Column(
          children: [
            DrawerHeader(
              decoration: BoxDecoration(
                color: Colors.transparent, // Ensure background is consistent
             
             
             
              ),
              child: Image.asset(
                'lib/images/puma.png',
                color: Colors.white38,
                fit: BoxFit
                    .contain, // Ensure it fits the container without extra space
              ),
            ),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 50.0),
              child: Divider(
                color: Colors.grey[800],
                thickness: 2,
              ),
            ),
            // Other drawer items
          ],
        ),
      ),

我在徽标和分隔线方面遇到问题，徽标下方有一个白色分隔线，我试图将其删除，但不知道该怎么做,,,,

代码库解决方案

Answer 1

对于这个问题，我认为你可以使用 Container 小部件而不是 DrawerHeader。

Column(
    children: [
      Container(
        margin: const EdgeInsets.only(bottom: 8.0),
        padding: const EdgeInsets.fromLTRB(16.0, 16.0, 16.0, 8.0),
        child: Image.asset(
          'assets/1.png',
          fit: BoxFit.contain,
        ),
      ),
      Padding(
        padding: const EdgeInsets.symmetric(horizontal: 50.0),
        child: Divider(
          color: Colors.grey[800],
          thickness: 2,
        ),
      ),
    ],
  ),

这段代码的输出

您可以通过更改Container的高度值来实现所需的外观。