问题标签 [flutter-animation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
22851 浏览

dart - Flutter - 容器子渲染时的高度动画变化

我正在尝试重新创建类似ExpansionTile但在Card. 当我单击卡片时,它的子级渲染并且卡片改变了它的高度,所以我想为这个变化设置动画。

我尝试使用AnimatedContainerGlobalKey知道卡片的最终尺寸及其子渲染,然后将新高度设置为,AnimatedContainer但这不起作用。

0 投票
2 回答
4599 浏览

flutter - flutter - 在动画上创建弹性效果

Stack我在height 小部件中有一个容器100.0。它使用Positioned小部件定位在中心,如下所示

我想以这样一种方式为红色容器设置动画,当单击它时它会转到父容器的底部,并且当单击它时会弹回顶部然后返回中心。

我尝试使用Curves.elasticOut,但这对我来说还不够。我如何实现这种效果

0 投票
1 回答
845 浏览

flutter - Flutter Hero 动画不使用主题色?

在 MaterialApp 的应用栏中创建带有图标的简单英雄动画时,英雄动画似乎不使用主题颜色,除非在图标本身中明确指定了颜色。有人可以解释为什么未明确设置图标颜色时图标的颜色在飞行过程中会发生变化吗?英雄无权访问主题数据吗?或者它是否使用其他颜色集?

例子:

在此处输入图像描述

0 投票
1 回答
1627 浏览

flutter - 带圆角的 AnimatedContainer

我一直在尝试在AnimatedContainer. 所以我写了这段代码:

由于某种原因,我无法使角落变圆。我也收到了一条错误消息。有没有办法让角落变圆?

0 投票
2 回答
12953 浏览

flutter - 如何在 Flutter 中使用 PageView 创建轮播(滑动动画)?

我想用图像创建滑块动画,还想允许用户使用滑动手势来回移动。另一个要求是页面指示器。为此,我使用了

page_indicator:^0.1.3

目前,我可以使用带有页面指示器的滑动手势在图像之间滑动,现在我想以 x 的持续时间重复动画幻灯片。我的代码如下。

0 投票
1 回答
809 浏览

android - 在颤振中,如何移动导航抽屉的内容而不是覆盖在顶部。

我想要看起来像这样的东西。 为导航抽屉移动的内容

0 投票
1 回答
1578 浏览

flutter - 底部溢出 112 个像素的 RenderFlex

我正在使用AnimatedContainer。它的动画大小从 0 到某个大小,它包含一些文本和所有其他内容。在按下一个按钮动画开始,它显示流动错误。

在按下按钮时,我只是设置了 sizeOfLevel 的值。它的初始值为0。

代码:

错误:

0 投票
1 回答
1030 浏览

flutter - 如何覆盖 Flutter 中的 Checkbox 小部件类?

目前我已经开始使用 Flutter。

如何创建自定义小部件或覆盖 Checkbox 小部件类?我想这样做的原因是我想自定义:

  • 复选框
  • 飞溅颜色
  • 悬停颜色
  • 专注
  • 按下
  • 已启用选定
  • 已禁用已选择
  • 刻度线渲染
0 投票
1 回答
843 浏览

flutter - 英雄动画导致(最小)溢出

当 aHero包含带有 的 Column 时mainAxisSize: MainAxisSize.min,在导航到新页面时,内容会溢出。甚至在导航到完全相同的页面时也会发生这种情况。为了说明这一点,请看下面一个相当荒谬的例子。在此示例中,我收到消息“A RenderFlex 在底部溢出 0.0000172 像素。” 使用英雄动画时如何防止这样的溢出?

示例代码:

在此处输入图像描述

0 投票
5 回答
29074 浏览

listview - Flutter 可排序拖放 ListView

所以我开始学习 Flutter 并想使用一个材料设计拖放列表,就像在材料指南网站上看到的那样。

https://storage.googleapis.com/spec-host-backup/mio-design%2Fassets%2F1dtprsH4jZ2nOnjBCJeJXd7n4U-jmWyas%2F03-list-reorder.mp4

与此相比,到目前为止我尝试过的所有库看起来都像垃圾。是否有一个我缺少的好库或原生 Flutter 小部件?