如何让Flutter SliverList从屏幕底部开始显示？

错误原因 #

Positioned是仅能用于Stack子组件的布局组件，不能直接嵌套在CustomScrollView的slivers列表中——CustomScrollView仅接受Sliver类型组件，这就是触发Incorrect use of ParentDataWidget错误的原因。

可行解决方案 #

方案一：初始滚动至列表底部（保持项顺序）

如果需要保持列表项原有顺序，仅在页面打开时自动滚动到列表底部显示最后一项，可通过ScrollController实现：

1. 在State类中定义控制器：

final ScrollController _scrollController = ScrollController();

2. 在initState中添加初始化滚动逻辑：

@override
void initState() {
  super.initState();
  WidgetsBinding.instance.addPostFrameCallback((_) {
    if (_scrollController.hasClients) {
      _scrollController.jumpTo(_scrollController.position.maxScrollExtent);
    }
  });
}

3. 将控制器绑定到CustomScrollView：

body: CustomScrollView(
  controller: _scrollController,
  slivers: [
    // 保留原有的SliverAppBar和SliverList代码
  ],
),

4. 在dispose中释放控制器资源：

@override
void dispose() {
  _scrollController.dispose();
  super.dispose();
}

方案二：让列表项从底部开始排列

如果希望列表第一个项直接显示在屏幕底部，后续项依次向上排列，可使用SliverFillRemaining配合Align实现：

修改CustomScrollView的slivers部分代码：

slivers: [
  SliverAppBar(
    backgroundColor: Colors.white,
    pinned: true,
    automaticallyImplyLeading: false,
    title: TextField(
      onChanged: (value) => _runFilter(value),
      decoration: InputDecoration(
        contentPadding: const EdgeInsets.symmetric(
          vertical: 10.0,
          horizontal: 10.0,
        ),
        hintText: "Search",
        suffixIcon: const Icon(Icons.search),
        border: OutlineInputBorder(
          borderRadius: BorderRadius.circular(20.0),
          borderSide: const BorderSide(),
        ),
      ),
    ),
  ),
  SliverFillRemaining(
    hasScrollBody: false,
    child: Align(
      alignment: Alignment.bottomCenter,
      child: ListView.builder(
        shrinkWrap: true,
        itemCount: _allUsers.length,
        itemBuilder: (context, index) => Card(
          elevation: 1,
          margin: const EdgeInsets.symmetric(vertical: 2),
          child: ListTile(
            title: Text(_allUsers[index]['name']),
            subtitle: Text('${_allUsers[index]["generic"]}'),
          ),
        ),
      ),
    ),
  ),
],

这里将原SliverList替换为ListView.builder，通过SliverFillRemaining占据CustomScrollView剩余空间，再用Align将列表定位在底部。shrinkWrap: true让列表仅占用自身内容高度，hasScrollBody: false避免强制滚动行为。

内容的提问来源于stack exchange，提问作者Mostafa