Flutter上的垂直可忽略屏幕实现

问题描述

我想要的只是一个垂直可禁用的小部件。 Android相当于我想要的是Slidr 并且我一直在Flutter中寻找它的等价物,但是我没有找到它。

这是我想做什么;

video.gif

关于如何实现这一目标的任何想法吗?

解决方法

我认为可以使用DraggableScrollableSheet小部件来完成!

只需将initialChildSize设置为0.0,使其开始隐藏即可。

然后将此工作表小部件和电视连续剧列表视图包装在堆栈中,工作表位于列表上方。

点击给定的电视连续剧时,您可以将initialChildSize更改为1.0,然后使用setState(()=>{});进行重建

现在您可以在水龙头上显示可拖动的工作表!为了制作导航动画,您可以使用AnimationController,或者也许有一种不用Stack的方法,在这种情况下,您可以只使用Navigator.pushNamed

谢谢,如果您还有其他问题,请告诉我。 有关更多信息,请查看:https://api.flutter.dev/flutter/widgets/DraggableScrollableSheet-class.html

,

用@Mihir Thanekar的答案,我用谷歌搜索了一下,终于找到了解决我问题的答案。

this的回答为您提供了如何显示DraggableScrollableSheet的答案,然后this软件包在dismiss的情况下启用了sheet功能大小为1.0,即整个屏幕。不幸的是,原生showModalBottomSheet方法在这一点上一文不值,因为没有可用空间来向下滑动sheet