在窗口外滑动小部件

时间:2018-11-27 21:53:16

标签: flutter flutter-animation

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

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

2 个答案:

答案 0 :(得分:0)

使用转换的答案

您需要添加

_Const

在pubspec.yaml

dependencies:
  flutter_sequence_animation:

答案 1 :(得分:-1)

我最终使用了Animatable小部件

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

并使用Stack()的组合,在其中我将根据动画和Expanded()中的TextField对屏幕外元素进行动画处理,以使其具有负偏移(通过Positioned()子项)

编辑

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