首页 > 解决方案 > 在颤动中将小部件滑出屏幕

问题描述

我目前有一个包含三个元素的小部件——两个按钮和一个文本输入。在文本输入焦点上,我想将按钮滑出屏幕并展开文本输入以占据剩余宽度。

是否有任何颤振组件(动画或其他)我可以用来将组件滑出屏幕并为文本字段扩展设置动画?

标签: flutterflutter-animation

解决方案


我最终使用了 Animatable 小部件

https://flutter.io/docs/development/ui/animations/tutorial#simplifying-with-animatedwidget

并使用 Stack() 的组合,我将根据 Animation 和 Expanded() 内的 TextField 为屏幕外元素设置负偏移量(通过 Positioned() 子级)

编辑

我无法再使用源代码访问计算机,但您应该能够从 Flutter 示例库https://github.com/flutter/flutter/blob/master/examples推断出如何构建这样的小部件/flutter_gallery/lib/demo/material/drawer_demo.dart(这就是我学习的方式 - 具体来说,看看drawerdetails动画)。我将文本字段和按钮放置在同一个堆栈中,并同时为文本字段大小和按钮位置设置动画


推荐阅读