Flutter:多层堆栈中顶层的自定义滚动视图

时间:2019-02-16 04:37:13

标签: flutter flutter-layout flutter-sliver

是否有一个颤动窗口小部件可以构建以像我们在Google Maps中看到的那样滚动,顶层(即卡片列表)在底层(即地图)上滚动。而且,当顶层没有遮盖底层时,底层也是映射的“不可反应的”。像这样的https://gfycat.com/pastelgenerousgoosefish(在10:30秒标记)。

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

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

1 个答案:

答案 0 :(得分:0)

您可以通过以下方式将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'),
                    }
                  )
                )
              )