在Flutter中更改抽屉小部件的顶部颜色

Question

我想知道如何在打开我的Drawer时更改最上面看到的颜色？

在下面的图像中，您可以看到两个箭头，1和2。箭头2指向我的主屏幕，即我的primaryColor，并且在所有屏幕上都显示正确，除了我的抽屉。

我想要一个全白色的抽屉，并希望从顶部删除灰色。

- swedishcheef

Answer 1

我认为这可能会解决您的问题，通过移除 ListView 的填充。

drawer: new Drawer(
  child: new ListView(
    padding: const EdgeInsets.all(0.0),
    children: <Widget>[
       ......
    ]
  ),
),

- Shri Hari L

Answer 2

使用SafeArea小部件包装您的抽屉。

- David B.

Answer 3

我也遇到过这个问题，我把ListView改成了Column，然后就解决了。通常，我们在抽屉中不会放太多内容，所以Column对我来说很适合。

drawer: new Drawer(
child: new Column(                  ///here change ListView to Column
padding: const EdgeInsets.all(0.0),
children: <Widget>[
   ......
]

), ),

- Pulkit Prajapat