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

android - 如何将应用栏中的资产图像添加为 Flutter 应用程序中的操作图标?

问题 我正在尝试在颤动屏幕的应用栏中添加注销图像图标。我创建了一个资产文件夹并创建了目录 images/icons/ 并在其中放置了图标。我在 pubspec.yaml 文件中提到了它们。我试图在 appbar 中实现资产图像,但它不起作用。

代码

pubspe.yaml

单击此处查看 IDE 屏幕截图

应用条码

0 投票
1 回答
3879 浏览

flutter - 拖动时颤动动画背景图像

我正在尝试构建一个允许用户通过拖动来更改值的小部件。与 Slider 类似,但在“值指示器”保持固定时背景被拖动的意义上有所不同。

我已经降低了功能,但我不确定如何正确地为背景图像设置动画以使其具有滑动/拖动交互。

如何使背景图像与拖动同步“移动”?

0 投票
2 回答
2259 浏览

flutter - flutter, PageRouteBuilder, 添加水平过渡

iOS 的本机导航转换是 RightToLeft。ANDROID 的本机导航转换是从下到上。我想覆盖 Flutter 中的本机导航转换,以便在 iOS 和 ANDROID 中具有相同的从右到左转换。为此,我正在尝试使用 PageRouteBuilder 但没有运气让它工作。第一个代码块,我有一个非常基本的屏幕,可以工作......但本机。第二个片段包括我试图集成的导航转换代码。

我正在尝试修复的代码。


这是我要添加的转换代码。

0 投票
3 回答
9871 浏览

flutter - flutter - 在灵活空间中使用重叠内容滚动应用栏

我正在尝试使用颤振在灵活空间中重新创建具有重叠内容的应用栏滚动。

此处演示了该行为:

http://karthikraj.net/2016/12/24/scrolling-behavior-for-appbars-in-android/

我已经使用 SliverAppBar 创建了折叠 AppBar,使用我在这里粘贴的代码,我正在尝试创建这个

我无法使用 Stack,因为我找不到任何 onScroll 回调,到目前为止,我使用flexibleSpace创建了应用栏,应用栏在滚动时折叠:

到目前为止我创建的

编辑:我想要创建的示例

0 投票
1 回答
14519 浏览

animation - Flutter -Loader 动画中的缩放过渡

我制作了一个具有缩放过渡的容器,它从 0 高度和宽度增长到 90 高度和宽度。

现在,我想做的是它应该随着它的增长而慢慢淡出。我需要为不透明度创建另一个动画控制器吗?最好的方法是什么?有人可以帮忙吗?

我的代码看起来像这样


SS来了

在此处输入图像描述 在此处输入图像描述

谢谢 !!!希望得到答复......


0 投票
1 回答
2496 浏览

flutter - 如何使用 ListView.builder reverse:true 在顶部显示 RefreshIndicator

我正在构建一个简单的消息传递系统,用户将在其中看到消息列表。

我有一个带有 reverse:true 的 ListView.Builder,因为我希望列表在加载消息页面时显示在底部。

当他们下拉滚动到顶部时,我希望出现一个刷新指示器,以便他们可以加载以前的消息,就像大多数流行的聊天应用程序一样。

但是,由于列表中有 reverse:true,他们必须在使用 RefreshIndicator 时在屏幕底部向上拉以加载以前的消息。

有没有办法在使用 reverse:true 时下拉而不是上拉时触发 RefreshIndicator?

0 投票
5 回答
58321 浏览

flutter - 如何在颤动中显示动画 gif?

我试图在颤动中显示 gif。

我正在使用代码

但它显示错误:

0 投票
2 回答
765 浏览

dart - 如何将图像从屏幕底部移动到屏幕顶部

我正在使用颤振开发应用程序,并希望能够在一定延迟后将我的图像从屏幕底部平滑地动画到屏幕顶部。

我该怎么做呢?

任何帮助表示赞赏。

提前致谢!:)

0 投票
4 回答
75560 浏览

dart - Flutter 中具有 Snap 效果的水平滚动卡片

我想创建一个水平滚动的卡片列表,当从左或右滑动时,可以使用 snap 以适应效果。

每张卡片之间都有一些间距,适合屏幕,如下图所示

在此处输入图像描述

除此之外,这些可水平滚动的列表元素应包含在可垂直滚动的列表中。

在flutter docs中的示例之后,我所能实现的只是显示水平滚动卡的列表。

0 投票
4 回答
5316 浏览

flutter - 如何创建使所需元素居中的列表视图

我正在做类似于此视频的操作:https ://youtu.be/fpqHUp4Sag0

使用以下代码生成列表视图,但是当以这种方式使用控制器时,元素位于列表视图的顶部,我需要将其居中