颤振底部容器向上滑动

荣誉

我正在制作一个可在单击Google地图上的地点时显示地点详细信息的应用。我可以在页面底部打开一个容器,但是当用户将其向上滑动以显示动画时,我想这样做,该容器将覆盖整个页面,并且我将获得有关该位置的更多信息并向用户展示。我该如何用Flutter做到这一点?

底部容器

休息的拉斯

您可以在此处尝试使用该软件包:

https://pub.dev/packages/sliding_up_panel

但是,如果这不能满足您的需要,请尝试以下操作:用GestureDetector和AnimatedController将小部件包裹起来:

double containerHeight = 0;
GestureDetector(
  onVerticalDragEnd: (dragUpdateDetails) {
    setState(){
       containerHeight = //device height or use MediaQuery.of(context).size.height//
    }
  },
  child: AnimatedContainer(
         duration: Duration(milliseconds: //how long should it take//), 
         height: containerHeight,
         child: //whatever you want//
   )
),

AnimatedController在属性更改之间自动设置动画。但是,您可能希望尝试将onVertivalDragEnd更改为类似onVerticalDragUpdate之类的内容,以完全满足您的愿望。如果要在全屏模式下使用该行为,请使用GestureDetector包装您的第一个返回Widget。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章