繁体   English   中英

Flutter:当子部件树改变时平滑地为父部件设置动画?

Flutter: Smoothly animate parent widget when child widget tree changes?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在尝试构建一个按钮,当点击该按钮时,该按钮将扩展为一张卡片,其中包含一个供用户填写的表格。我的最终目标是为按钮设置一个与此类似的 animation。

但是,我在父小部件中从一个小部件树平滑过渡到另一个小部件时遇到了麻烦。

为了可视化我正在尝试实现的小部件树中的更改,请考虑我想从以下 state A 到 go ...

Sscaffold:
    Column:
      - something_above
      - Card:
          Button
      - something_below

...到目标 state B...

Sscaffold:
    Column:
      - something_above
      - Card:
          Column:
            - TextField
            - DropdownMenu
            - Button
      - something_below

...同时平滑地为卡片的属性(例如宽度和高度)设置动画。

我目前对这种 animation 的尝试包括使用 AnimatedContainer 和一个构建器方法来返回原始按钮或表单,具体取决于某些 state 参数。

AnimatedContainer(
  child: _getChild(isOpen),
  duration: Duration(seconds: 1),
  color: Colors.blue,
)

但是,这不起作用,并且动画容器似乎只会在它自己的属性之一发生变化时执行插值。

所以这一切都归结为这个问题; 是否有可以促进这种转换的小部件,如果没有,我可以从哪里开始实施这种行为?

问题暂未有回复.您可以查看右边的相关问题.
1 将窗口小部件添加到窗口小部件树时如何为更改设置动画

我有一个有状态的小部件,显示一个包含复选框的表单。 表单的一部分('taxId'的文本字段)仅在复选框处于活动状态时显示。 这是屏幕的模拟 我可以改变状态并重新构建构建以实现该目的。 我想做的是为变化做准备。 我希望新的文本字段能够生成动画(淡入并按下剩余的小部件),而不仅仅是 ...

3 Flutter:在父 state 更改上重新渲染子小部件

所以一个有状态的父母有一个timer值。 该定时器可由用户重新设置。 我还有一个带有 animation controller 的子状态小部件。 父级将timer值传递给该子级以重置 animation。 这是一些代码:class _ParentState extends State<Pare ...

4 父窗口小部件如何定位其子窗口小部件?

我有一个名为MainPage的Kivy Widget ,它具有一个子小部件。 这些子窗口小部件需要具有与其父级相同的消息分派器(与Kivy的EventDispatcher无关): 在.kv文件中,我定义了<ChildWidget>的视觉属性,但尚未指定其在<MainP ...

6 发生更改时如何在 Flutter 中重建小部件

编辑:我已经编辑了下面的代码,以展示获取数据的方法以及构建列车估计的小部件(用"API_URL"和"API_STOP_ID"替换沿途的任何 API 信息)。 我希望这能更好地帮助我们解决问题! 我非常感谢任何人可以提供的任何信息——我一直在为这个项目努力工作! 再次感谢大家! 原帖:我有一个 Li ...

7 根据父窗口小部件属性选择器设置子窗口小部件的样式-qt

我想知道下面的样式表语句是否正确,或者是什么错误..即使我设置了它也不会更改UI。 我的自定义小部件PosButton设置了属性 我在mouseclick上更改属性 另外,我尝试设置样式表。 它会生效,但需要一秒钟时间才能在UI中进行更新。 即,我需要按住小部件一秒钟 ...

9 为什么每次更改子窗口小部件状态时,父颤动窗口小部件的状态都会更新?

我一直在创建一个带有start(主屏幕)的应用程序,该应用程序显示从REST API调用中提取的数据列表。 当小部件的状态更新时,将触发此操作完成-一切正常。 我还加载了许多子屏幕(例如设置屏幕): Navigator.push 我注意到,如果状态在我的设置屏幕中更改,则主屏 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM