颤振底部容器向上滑动
荣誉
我正在制作一个可在单击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] 删除。
编辑于
相关文章
Related 相关文章
- 1
颤振折叠容器
- 2
颤振容器消失
- 3
颤振底部导航栏
- 4
颤振容器在行顶部
- 5
从底部拉出/向上滑动div？
- 6
颤振底部导航栏样式问题
- 7
键盘出现时颤振溢出底部
- 8
颤振：容器内的垂直滚动
- 9
如何使容器在颤振中垂直居中？
- 10
颤振平滑的颜色过渡容器
- 11
容器中的颤振盒装饰
- 12
颤振：容器颜色溢出边框
- 13
MaterialButton内部的颤振容器宽度
- 14
复制Google Maps底部面板向上滑动
- 15
滑动列表项以获取更多选项（颤振）
- 16
颤振：使ListView在底部反弹，并在顶部位置夹紧
- 17
如何删除ReorderableListView底部的多余间距-颤振？
- 18
颤振底部溢出n个像素，列对齐
- 19
尽管屏幕固定，但颤振中的底部溢出问题（？！）
- 20
在颤振中的模态底部工作表中实现 WebView
- 21
如何在颤振中实现这个下拉容器？
- 22
颤振不会在容器中着色
- 23
颤振布局（在Columan中有6个容器）
- 24
容器BorderRadius.circular不起作用（颤振）
- 25
颤振如何使容器扩展到最大高度
- 26
哪个动画适合颤振中的可扩展容器？
- 27
如何从屏幕底部“向上滑动” Android上的视图？
- 28
Facebook Paper-如何向上滑动以缩放底部的UIScrollView
- 29
Facebook Paper-如何向上滑动以缩放底部的UIScrollView
我来说两句