flutter - 对齐属性在Flutter的ListView中不起作用

Question

我希望将我的一个菜单项放置在“抽屉菜单”的底部(特别是“注销”，位于菜单的底部)。我正在尝试使用Align小部件，但无法这样做，即使在观看了许多解决方案后仍尝试将其包装在Expanded小部件中，但仍然无法修复它。
这是我的代码:

    drawer: Drawer(

            child: Expanded(
              child: ListView(
                padding:  EdgeInsets.all(0.0),
                children: <Widget>[
                  UserAccountsDrawerHeader(
                    decoration: BoxDecoration(color: Colors.black),
                    accountName: _userName!=null?Text(_userName,):Container(),
                    accountEmail: _userNumber!=null?Text(_userNumber):Container(),
                    currentAccountPicture: CircleAvatar(
                      backgroundColor:
                      Theme.of(context).platform == TargetPlatform.iOS
                          ? Colors.blue
                          : Colors.white,
                      child:_userName!=null? Text(
                        "${_userName[0]}",
                        style: TextStyle(fontSize: 40.0,color: Colors.black),
                      ):Container(),
                    ),
                  ),
                  InkWell(
                    onTap: (){
                      print('Home');
                      Navigator.pop(context);
                    },
                    child: ListTile(
                      title: Text("Home",),
                      leading: Icon(Icons.home,color: Colors.black,),
                    ),
                  ),
                  InkWell(
                    onTap: (){
                      print('My Orders');
                      Navigator.push(context, MaterialPageRoute(
                        builder: (context)=>OrderScreen(Pin:_userPin,Number:_userNumber)
                      ));

                    },
                    child: ListTile(
                      title: Text("My Orders"),
                      leading: Icon(Icons.fastfood,color: Colors.black,),
                    ),
                  ),
                  InkWell(
                    onTap: (){
                      print('My Address');
                

                    },
                    child: ListTile(
                      title: Text("My Address"),
                      leading: Icon(Icons.location_on,color: Colors.black,),
                    ),
                  ),
                  InkWell(
                    onTap: (){
                      print('My Cart');
                      Navigator.pop(context);
                     
                      
                    },
                    child:
                    ListTile(
                      title: Text("My Cart"),
                      leading: Icon(Icons.shopping_cart,color: Colors.black,),
                    ),
                  ),
                  ListTile(
                    title: Text("Help"),
                    leading: Icon(Icons.help,color: Colors.black,),
                  ),
                  Expanded(
                    child: Align(
                      alignment: Alignment.bottomCenter,
                      child: ListTile(
                        title: Text("Logout"), //<-- I want this to be at the bottom.
                        leading: Icon(Icons.exit_to_app,color: Colors.black,),
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),

Answer 1

只需查看以下示例:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
          appBar: AppBar(title: Text('Sample app'),),
      drawer: Drawer(
        child: Column(
         
          children: <Widget>[
            UserAccountsDrawerHeader(
              decoration: BoxDecoration(color: Colors.black),
              accountName: Text('Username'),
              accountEmail: Text('UserEmail'),
              currentAccountPicture: CircleAvatar(
                backgroundColor:
                    Theme.of(context).platform == TargetPlatform.iOS
                        ? Colors.blue
                        : Colors.white,
                child: Text(
                  "sample name",
                  style: TextStyle(fontSize: 10.0, color: Colors.black),
                ),
              ),
            ),
            InkWell(
              onTap: () {
                print('Home');
                Navigator.pop(context);
              },
              child: ListTile(
                title: Text(
                  "Home",
                ),
                leading: Icon(
                  Icons.home,
                  color: Colors.black,
                ),
              ),
            ),
            InkWell(
              onTap: () {
                print('My Orders');
                /* Navigator.push(context, MaterialPageRoute(
                      builder: (context)=>OrderScreen(Pin:_userPin,Number:_userNumber)
                    )); */
              },
              child: ListTile(
                title: Text("My Orders"),
                leading: Icon(
                  Icons.fastfood,
                  color: Colors.black,
                ),
              ),
            ),
            InkWell(
              onTap: () {
                print('My Address');
              },
              child: ListTile(
                title: Text("My Address"),
                leading: Icon(
                  Icons.location_on,
                  color: Colors.black,
                ),
              ),
            ),
            InkWell(
              onTap: () {
                print('My Cart');
                Navigator.pop(context);
              },
              child: ListTile(
                title: Text("My Cart"),
                leading: Icon(
                  Icons.shopping_cart,
                  color: Colors.black,
                ),
              ),
            ),
            ListTile(
              title: Text("Help"),
              leading: Icon(
                Icons.help,
                color: Colors.black,
              ),
            ),
            Expanded(
              child: Align(
                alignment: Alignment.bottomCenter,
                child: ListTile(
                  title:
                      Text("Logout"), //<-- I want this to be at the bottom.
                  leading: Icon(
                    Icons.exit_to_app,
                    color: Colors.black,
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
      body: Text('Sample'),
    ));
  }
}

根据您的数据进行更改，只需将Listview替换为Column小部件即可。
并且让我知道它是否有效。