flutter - 在颤动中将小部件滑出屏幕
问题描述
我目前有一个包含三个元素的小部件——两个按钮和一个文本输入。在文本输入焦点上,我想将按钮滑出屏幕并展开文本输入以占据剩余宽度。
是否有任何颤振组件(动画或其他)我可以用来将组件滑出屏幕并为文本字段扩展设置动画?
解决方案
我最终使用了 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动画)。我将文本字段和按钮放置在同一个堆栈中,并同时为文本字段大小和按钮位置设置动画
推荐阅读
- html - HTML/SCSS 如何在左对齐时使用网格将生成的对象居中
- node.js - Angular 4删除请求到后端
- environment-variables - 使用 Newman 持久化变量?
- batch-file - Weblogic12 - 启动管理服务器抛出语法错误
- c# - Unity:操纵杆问题
- unit-testing - 使用 react-router,您如何测试连接的组件?
- elasticsearch - 如何在弹性搜索中重新索引时将对象数组转换为字符串数组?
- php - Elasticsearch:多个小查询与一个更大的查询 - 效率?
- git - 将 repos 合并到 monorepo
- php - php 为当前请求添加新标头