flutter : make two listviews scrollable as one

标签 flutter dart

我正在尝试制作一个可滚动的屏幕(如整个屏幕可滚动)。

这是我了解到的:

Column(
          children: <Widget>[

                 Expanded(
                    child: ListView(
                        scrollDirection: Axis.horizontal, children: posts2b)),

            Expanded(child: ListView(children: posts2a)),
          ],
        );

一切正常,但我希望这些 ListView 可以作为一个滚动。因此,如果向下滚动,水平 ListView 将“消失”。

那可能吗?

谢谢!

最佳答案

像这样的东西?

SingleChildScrollView(
  child: Column(
    mainAxisSize: MainAxisSize.min,
    children: <Widget>[
      SizedBox(
        height: 200,
        child: ListView(
          scrollDirection: Axis.horizontal,
          children: posts2b,
        ),
      ),
      Flexible(
        child: ListView(
          physics: NeverScrollableScrollPhysics(),
          shrinkWrap: true,
          children: posts2a,
        ),
      ),
    ],
  ),
)

包裹 ColumnSingleChildScrollView , 通过添加 physics: NeverScrollableScrollPhysics() 设置水平列表的高度并禁用垂直列表的滚动...

关于 flutter : make two listviews scrollable as one,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58347405/

相关文章:

android - 如何更改 Flutter 应用程序的名称?

android - 以 Android SDK 版本 29 为目标后,读取/写入下载文件夹被拒绝

compiler-construction - dart javascript 编译器 (dart2js) 是如何工作的?

firebase - 存储和转换 MaterialColors

flutter - flutter 自定义 BoxShadow

firebase - 使用where子句更新Firebase

Flutter Dialog 不尊重它的 child 的宽度

flutter - 如何解决此错误 "setState() or markNeedsBuild() called during build."?

json - 如何从 flutter 中的 JSON 响应获取特定数据?

visual-studio - 是否可以在Visual Studio或其他IDE中进行设置?