我目前有一个包含三个元素的小部件-两个按钮和一个文本输入。在文本输入焦点上,我想将按钮滑出屏幕,并扩展文本输入以占据剩余的宽度。
我是否可以使用任何抖动组件(动画或其他方式)将组件滑出屏幕并为文本字段扩展设置动画?
答案 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中推断出如何构建这样的小部件(这是我能够学习的方式-具体来说,请看抽屉细节动画。我将文本字段和按钮放置在同一堆栈中,并对文本字段的大小以及按钮位置同时进行了动画处理