Flutter:如何创建一个最初填充底部空白区域的反向 ListView

标签 flutter flutter-layout

我有一个向下增长的反向 ListView.builder,但最初只有一个小部件。

参见 repo :https://github.com/gmlewis/reverse_listview

由于 reverse: true,它将所有空白区域放在列表中第一个小部件上方,它看起来像:https://github.com/gmlewis/reverse_listview/raw/master/assets/images/UndesiredListView.png

随着添加更多小部件,它看起来像:https://github.com/gmlewis/reverse_listview/raw/master/assets/images/PopulatedListView.png

我希望它填充底部而不是顶部的所有空白区域,看起来像:https://github.com/gmlewis/reverse_listview/raw/master/assets/images/DesiredListView.png 显然,当内容开始变得足够长以填满屏幕时,初始小部件会像您预期的那样滚出顶部。

我深入研究了 ScrollViewViewport 类,找到了 anchorcenter 设置,但无法进行它做我想做的事。

似乎我唯一剩下的选择可能是将第一个小部件移动到 AppBar 的底部,但我希望不要走那条路。

有什么想法吗?

最佳答案

 SingleChildScrollView(
          child : ListView.builer(
            shrinkWrap: true,
            reverse: true,
            physics: NeverScrollableScrollPhysics(),
            itemBuilder: (BuildContext context, int index) {
              return something;
            },
          )
      );

禁用 ListView 的滚动并在顶部添加 SingleChildScrollView。 希望这对你有用。

关于Flutter:如何创建一个最初填充底部空白区域的反向 ListView,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51309986/

相关文章:

functional-programming - 在 Flutter 中,如何使用流 API 将项目列表转换为 Table 小部件?

dart - 所有小部件上的 Flutter 工具提示

flutter - 更改选项卡时如何获取Flutter ScrollController以保存ListView.builder()的位置?

flutter - 如何使用 flutter HookWidget 访问 didChangeAppLifecycleState 生命周期 Hook 中的上下文?

firebase - Flutter:Firebase 云存储中文件夹中的文件列表

flutter - 如何在 Flutter 中创建带有框的文本字段?

flutter - SliverAppBar 中的动画 => 动态调整栏的大小

flutter - 如何在 flutter 中显示 3D 模型?

flutter - Flutter:使用ImagePicker插件选择图像后,如何导航到新页面?

flutter - 无法在 vscode 终端中创建项目