【问题标题】:Flutter: Custom Scroll view for top layer in multi layer stackFlutter:多层堆栈中顶层的自定义滚动视图
【发布时间】:2019-07-10 05:20:36
【问题描述】:

是否有一个颤振小部件可以构建以像我们在谷歌地图中看到的那样滚动,其中顶层(即卡片列表)滚动到底层(即地图)。并且当顶层不遮挡底层时,底层也像地图一样“难以处理”。像这样https://gfycat.com/pastelgenerousgoosefish(在 10:30 秒标记)。

如果没有可用的小部件,我将如何实现这样的滚动效果?

我一直在尝试使用条子,但它不允许我创建这样的效果,或者我还没有找到它。

【问题讨论】:

    标签: flutter flutter-layout flutter-sliver


    【解决方案1】:

    您可以这样将listview 放在SizedBox 中:

     ClipRRect(
                borderRadius: new BorderRadius.circular(40.0),
                child: SizedBox(
                  height: 85,
                  child: ListView.builder(
                      physics: ClampingScrollPhysics(),
                      scrollDirection: Axis.horizontal,
                      itemCount: 20,
                      itemBuilder: (BuildContext content, int index) {
                        double edgeSize = 0.0;
                        double itemSize = 80;
                        child: Text('List Item'),
                        }
                      )
                    )
                  )
    

    【讨论】:

    • 谢谢@Mazin。但是,我能够通过使用手势检测器并侦听 onVerticalDrag 更新并根据该信息移动小部件位置来解决问题....类似于这个孩子: GestureDetector( onVerticalDragUpdate: (listen) { _moveDelta = listen.primaryDelta; setState (() { } }); },孩子:容器()
    猜你喜欢
    • 1970-01-01
    • 2021-04-25
    • 1970-01-01
    • 2017-03-15
    • 2020-12-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-18
    相关资源
    最近更新 更多