如何更改抽屉的底部颜色？

Question

我创建了我的抽屉。我已将列表块放入容器中并将容器的颜色设置为白色，但抽屉底部仍显示黑色。小部件放在单独的 class 中。除了黄色的抽屉 header 之外，我希望整个抽屉都是白色的。我该如何解决。这是代码片段： class NavigationDrawerWidget 扩展了 StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Drawer(
      child: Column(
         children: <Widget>[
           Container(
             width: double.infinity,
             padding: EdgeInsets.only(
               top: 50,
               bottom: 50,
             ),
             color: Colors.yellow,
             child: Center(
               child: Column(
                 children: [
                   Container(
                     width: 100,
                     height: 100,
                     decoration: BoxDecoration(
                       shape: BoxShape.circle,
                       image: DecorationImage(
                           image: AssetImage('images/profile.png'),
                       ),
                     ),
                   ),
                   SizedBox(
                     height: 20,
                   ),
                   Text(
                     'Usama Tahir',
                     style: TextStyle(
                       color: Colors.black,
                     ),
                   )
                 ],
               ),
             ),
           ),
           Container(
             // color: Colors.white,
             decoration: BoxDecoration(
               color: Colors.white,
             ),
             child: Column(
               children: [
                 ListTile(
                   leading: Icon(
                       Icons.person,
                     color: Colors.black,
                   ),
                   title: Text(
                     'Profile',
                     style: TextStyle(
                       color: Colors.black,
                     ),
                   ),
                   onTap: null,
                 ),
                 ListTile(
                   leading: Icon(
                     Icons.account_balance_outlined,
                     color: Colors.black,
                   ),
                   title: Text(
                     'Tansaction History',
                     style: TextStyle(
                       color: Colors.black,
                     ),
                   ),
                   onTap: null,
                 ),
                 ListTile(
                   leading: Icon(
                       Icons.password_outlined,
                     color: Colors.black,
                   ),
                   title: Text(
                     'Change Password',
                     style: TextStyle(
                       color: Colors.black,
                     ),
                   ),
                   onTap: null,
                 ),
                 ListTile(
                   leading: Icon(
                       Icons.settings_accessibility_outlined,
                     color: Colors.black,
                   ),
                   title: Text(
                     'Profile',
                     style: TextStyle(
                       color: Colors.black,
                     ),
                   ),
                   onTap: null,
                 ),
             

Expanded(
               child: Column(
                 mainAxisAlignment: MainAxisAlignment.end,
                 children: [
                   ListTile(
                     leading: Icon(
                         Icons.login_outlined,
                       color: Colors.black,
                     ),
                     title: Text(
                       'Logout',
                       style: TextStyle(
                         color: Colors.black,
                       ),
                     ),
                     onTap: () {
                       Navigator.push(context,
                           MaterialPageRoute(builder: (context) => `WelcomeScreen()));`
                     },
                   ),
                 ],
               ),
             ),
               ],
             ),

           ),

         ],
      ),
    );
  }
}

Answer 1

在 Drawer 小部件中使用 backgroundColor: Colors.white 属性，一切就绪。

Answer 2

试试这个

Drawer(backgroundColor: Colors.white,

尝试将注销设置在底部。

Drawer(
        child: Column(
          children: <Widget>[
            Container(
              width: double.infinity,
              padding: EdgeInsets.only(
                top: 50,
                bottom: 50,
              ),
              color: Colors.yellow,
              child: Center(
                child: Column(
                  children: [
                    Container(
                      width: 100,
                      height: 100,
                      // decoration: BoxDecoration(
                      //   shape: BoxShape.circle,
                      //   image: DecorationImage(
                      //     image: AssetImage('images/profile.png'),
                      //   ),
                      // ),
                    ),
                    SizedBox(
                      height: 20,
                    ),
                    Text(
                      'Usama Tahir',
                      style: TextStyle(
                        color: Colors.black,
                      ),
                    )
                  ],
                ),
              ),
            ),
            Container(
              // color: Colors.white,
              decoration: BoxDecoration(
                color: Colors.white,
              ),
              child: Column(
                children: [
                  ListTile(
                    leading: Icon(
                      Icons.person,
                      color: Colors.black,
                    ),
                    title: Text(
                      'Profile',
                      style: TextStyle(
                        color: Colors.black,
                      ),
                    ),
                    onTap: null,
                  ),
                  ListTile(
                    leading: Icon(
                      Icons.account_balance_outlined,
                      color: Colors.black,
                    ),
                    title: Text(
                      'Tansaction History',
                      style: TextStyle(
                        color: Colors.black,
                      ),
                    ),
                    onTap: null,
                  ),
                  ListTile(
                    leading: Icon(
                      Icons.password_outlined,
                      color: Colors.black,
                    ),
                    title: Text(
                      'Change Password',
                      style: TextStyle(
                        color: Colors.black,
                      ),
                    ),
                    onTap: null,
                  ),
                  ListTile(
                    leading: Icon(
                      Icons.settings_accessibility_outlined,
                      color: Colors.black,
                    ),
                    title: Text(
                      'Profile',
                      style: TextStyle(
                        color: Colors.black,
                      ),
                    ),
                    onTap: null,
                  ),
                ],
              ),
            ),
            Expanded(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.end,
                children: [
                  ListTile(
                    leading: Icon(
                      Icons.login_outlined,
                      color: Colors.black,
                    ),
                    title: Text(
                      'Logout',
                      style: TextStyle(
                        color: Colors.black,
                      ),
                    ),
                    onTap: null,
                  ),
                ],
              ),
            ),
          ],
        ),
      )

如何更改抽屉的底部颜色？

How can I change the bottom color of my drawer?

slidingdrawer

dart

navigation-drawer

flutter