如何将项目与列表的底部对齐？

Question

我正试图使一个项目进入列表的底部。我尝试将Expanded和SizedBox的孩子一起使用。我也尝试过Align小部件。它适用于Column，但如果父项是SingleChildScrollView，则不能使用。

应该是什么样子

它看起来像什么：

代码（看起来像什么）：

    return Scaffold(
      backgroundColor: Color(0xFFE9E9E9),
      body: ListView(
        padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 16),
        children: <Widget>[
          Container(
            decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.circular(16),
            ),
            child: _SettingsList(tournamentId: tournamentId),
          ),
          Expanded(child: const SizedBox()),
          Align(
            alignment: FractionalOffset.bottomCenter,
            child: buildDeleteTournamentButton(),
          ),
        ],
      ),
    );

Answer 1

我认为问题在于您使用Expanded或Align小部件作为列表视图的子级，因此它试图将小部件直接放在其他小部件的下面。为了实现第一个设计，我将推荐以下两种方法之一：

1. 将ListView替换为Stack，然后使用Align在底部对齐“删除锦标赛”小部件。

2. 将ListView替换为Column，然后将Container包裹在Expanded中。将您的“删除锦标赛”-小部件放置为Column的第二个孩子。

我真的希望可以提供帮助。