Question

我遇到了令人烦恼的样式问题，如果我打开抽屉，我会在Android的导航栏下面获得空白区域。然而，如果我不在抽屉里，它会显示正确的颜色。

我在抽屉小工具中使用以下代码：

extern "C" void _RTLENTRY _pure_error_()
{
    //_ErrorExit("Pure virtual function called");
    throw Exception("Pure virtual function called");
}

Answer 1

经过一些修修补补，我认为它一定是填充，我试图从ListView Widget中删除所有填充，这样就可以了。

我只是将填充添加到ListView中，如下所示：

drawer: new Drawer(
    child: new  ListView(
        children: <Widget>[
        new UserAccountsDrawerHeader(
            accountEmail: new Text("juhlinus@gmail.com"),
            accountName: new Text("Linus Juhlin"),
            currentAccountPicture: new CircleAvatar(
            backgroundColor: Colors.pinkAccent,
            child: new Text("LJ"),
            ),
            otherAccountsPictures: <Widget>[
            new CircleAvatar(
                backgroundColor: Colors.purpleAccent,
                child: new Text("MH"),
            )
            ],
        ),
        new ListTile(
            title: new Text("Artiklar"),
            leading: new Icon(Icons.web),
        ),
        new ListTile(
            title: new Text("Media"),
            leading: new Icon(Icons.wallpaper),
        ),
        new Divider(),
        new ListTile(
            title: new Text("Inställningar"),
            leading: new Icon(Icons.settings)
        ),
        ],
    ),
),

希望这有助于任何人自己绊倒这个。

Answer 2

我发现在Flutter的源代码中， UserAccountsDrawerHeader 的默认底边距是8.0。这就是为什么您在标题下看到白色的细小空间。

因此解决方案将底边距设置为零：

UserAccountsDrawerHeader(
    margin: EdgeInsets.only(bottom: 0.0),
...

工作正常，没有任何花招。

在抽屉导航栏下的白色空间

2 个答案: