Question

抽屉的背景是透明的。我试图重新加载从头开始编写的整个代码，但是没有用。

drawer: ListView(
        children: <Widget>[
          DrawerHeader(
            padding:
                EdgeInsets.symmetric(vertical: 20.0, horizontal: 100.0),
            child: Text('Hi!'),
            curve: Curves.easeInCubic,
          ),
          ListTile(
            contentPadding: EdgeInsets.all(100.0),
            leading: Icon(Icons.home),
            trailing: Icon(Icons.donut_small),
            title: Text(
              'Home',
              style: TextStyle(color: Colors.white),
            ),
          )
        ],
      ),

参考图片

Answer 1

您应将Drawer小部件用作ListView的父级

drawer: 
     Drawer(
        child: ListView(
           ....

此处有更多信息：https://flutter.dev/docs/cookbook/design/drawer

Answer 2

您使用的DrawerHeader错误。 DrawerHeader只是您要打开的Drawer的顶部。您应该使用它为该Drawer设置标题，并可能设置其他背景颜色。请尝试以下方法：

         Drawer(
          child: ListView(
            children: <Widget>[
              DrawerHeader(
                padding: EdgeInsets.symmetric(vertical: 20.0, horizontal: 100.0),
                child: Text('Hi!'),
                curve: Curves.easeInCubic,
              ),
              ListTile(
                contentPadding: EdgeInsets.all(100.0),
                leading: Icon(Icons.home),
                trailing: Icon(Icons.donut_small),
                title: Text(
                  'Home',
                  style: TextStyle(color: Colors.white),
                ),
              )
            ],
          ),
        ),

抽屉是透明的

2 个答案: