问题标签 [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 投票
2 回答
2880 浏览

flutter - Flutter 中的 AnimatedWidget 和 AnimatedBuilder

大家好,我有一个问题,我不明白 和 之间的AnimatedWidget区别AnimatedBuilder。源码中的注释如下:

动画小部件:

动画生成器:

我想知道如何在它们之间进行选择,因为我不太了解文档,谢谢!

0 投票
2 回答
8244 浏览

flutter - 文本数据更改时颤动动画过渡

Text当元素的数据发生变化时,Flutter 有没有办法为过渡设置动画?

我有一个new Text(_value)元素_value根据滑块位置进行更改。有什么方法可以为过渡设置动画,使其不像刚改变时那样“突然” _value

我知道有一些小部件可以为两个不同小部件之间的过渡设置动画,但我只是在更改data同一Text个小部件的属性。

0 投票
2 回答
8556 浏览

flutter - 在 Flutter 中,我怎样才能更改一些小部件并看到它动画到它的新大小?

我想改变一些小部件的孩子,然后看到它动画到新孩子的高度,也有一个淡入淡出过渡。

我可以用 来做到这一点AnimatedCrossFade,但是我必须同时保留firstChildsecondChild,这是我做不到的。

如果我使用AnimatedSwitcher,它可以让我简单地改变它的孩子,但它只会动画淡入淡出,而不是大小。

AnimatedContainer也不起作用,因为我事先不知道孩子的大小。

是否有一些我缺少的小部件可以满足我的需要,如果没有,我该如何在不诉诸AnimationControllers 的情况下做到这一点?

0 投票
2 回答
1329 浏览

flutter - 在 Flutter 中,为什么有些动画类需要 vsync 而有些则不需要?

在 Flutter 中,有些动画类需要你传入vsync构造函数,而有些则不需要。比如AnimatedSize需要vsync。AnimatedContainer没有。

1) 为什么有些动画类需要它而有些不需要?

2)这是否与那些具有状态的类(它们自己的内部 vsync)有关?

3) 所有使用 vsync 的类都可以变成不使用的类?什么是权衡?

0 投票
2 回答
3941 浏览

flutter - Flutter中,如何解决`AnimatedCrossFade`低效设计?

一个问题AnimatedCrossFade是您必须提供两个孩子,即使只显示其中一个。

如果这些孩子中的一个(或两个)既复杂又沉重,那么这是没有效率的。

我试图提供一个Builder像这样的孩子:

但是,这会立即打印Building widget 2,即使第一个小部件是正在显示的小部件,因此根本不需要小部件 2。

这是一个完整的、可运行的示例:

如果你运行它,你会看到它Building widget 2被打印到控制台,但小部件 1 是正在显示的那个。

我的问题:

  • 是否有任何理由AnimatedCrossFade构建它不使用的小部件?

  • 我怎样才能防止这个问题并AnimatedCrossFade有效地使用?

0 投票
1 回答
3378 浏览

dart - 英雄动画在嵌套导航器中不起作用

我正在尝试在我的第一个颤振应用程序中使用英雄动画,但是已经有类似底部导航的 Instagram 使用这种方法实现了,我发现英雄动画在嵌套导航器中不起作用。

例如,您可以从此处获取完整示例并从类替换为home: MainScreen(),HeroApp

和英雄动画将打破。

也许还有其他一些方法可以为每个选项卡实现具有独立堆栈的底部导航,它们不使用嵌套导航器,但我还没有找到。

因此,非常感谢任何建议。

UPD:我刚刚意识到答案应该在MaterialApp课堂和宾果游戏中!

有一个简单的解决方案有效:

但是在MaterialApp源代码中事情稍微复杂一点,所以也许有一些隐藏的东西,打破了我天真的解决方案。因此问题仍然存在。

0 投票
1 回答
1017 浏览

dart - 是否可以使用 charts_flutter 包旋转饼图?

使用包charts_flutter是否可以产生同样的效果?在这种情况下,用户可以旋转饼图。

用户旋转饼图

0 投票
2 回答
5898 浏览

dart - 颤振自定义画家

你好,我创建了一个扩展 CustomPainter 的小部件。问题是当调用paint方法时,Size参数宽度和高度字段总是0,0我不知道如何解决这个问题。任何想法将不胜感激。这是小部件。谢谢!!

并这样使用它:

再次感谢您的想法!

0 投票
0 回答
983 浏览

flutter - 在 Flutter 中将 Hero 小部件保持在 PageView 页面的顶部?

我想在 PageView 的页面顶部显示一个 Hero 小部件,这样当我滚动页面时,Hero 根本不会移动。

这是我的页面的构建器:

这是我的页面视图:

目前,当我滚动页面时,英雄小部件就像一个普通的小部件,并随着页面滚动。我怎样才能让它始终显示?

提前致谢

0 投票
1 回答
143 浏览

flutter - 点击效果不流畅

我的应用动画流畅度有问题。我在这个页面上有 20 个按钮。如果我按下任何按钮,点击效果运行不顺畅。帧率非常低。代码有问题还是bug?

提前致谢。

在此处输入图像描述