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

flutter - Flutter 过渡出口

在 Android API 上,我们可以使用

定义进入和退出转换。

如何在 Flutter 中做到这一点?

我已经实现了这段代码

但它只定义了输入转换。我如何定义退出过渡?

更新

想象一下,当我执行时,我有两个屏幕(Screen1 和 Screen2)

我想将动画应用于 Screen1 和 Screen2 而不仅仅是 Screen2

例子

0 投票
1 回答
1817 浏览

android - 在颤动中单击底部按钮时以半屏显示选项卡

当我单击某个按钮时,我想要使用颤振来进行类似的操作,一个选项卡会弹出直到屏幕的一半。

主屏幕

附近标签

城市标签

0 投票
2 回答
1922 浏览

dart - 颤振中的侧面径向菜单

请如何创建像图片一样颤动的侧面径向菜单,并在用户点击它时滚动

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

任何帮助,将不胜感激。

0 投票
3 回答
2516 浏览

flutter - 当我尝试在构建器中显示 SnackBar 时出错

这是我的main.dart

我想在 FutureBuilder 中显示一个 SnackBar,但是当我运行时,出现了错误:

我的目的是它在获取数据之前显示一个加载微调器,一旦获取数据,它就会显示一个 SnackBar。那么我应该怎么做才能解决这个问题呢?Login.main是一个从数据库获取数据的函数。

0 投票
4 回答
14908 浏览

flutter - Flutter - 改变 TabBarView 的动画

我用 DefaultTabController 实现了一个基本的 TabBar 和 TabBarView,见下面的代码。

效果很好!现在我要做的是从默认动画更改两个选项卡之间的动画。但我找不到一个简单的方法来做到这一点。

经过一番研究,似乎我需要使用自定义 TabController 并以某种方式使用它的animateTo方法。对我来说,这似乎是一个相当大的改变,只是为了改变动画。 我想知道这是否是正确的方法,或者我是否缺少一些更简单的方法来更改选项卡视图之间的默认动画?

如果有人能给我一些很好的资源来为我指明正确的方向,我将不胜感激。

0 投票
1 回答
927 浏览

flutter - 在 Flutter 中检测手势速度

我正在寻找一种在 Flutter 中检测手势速度的方法。就像假设您要检测垂直手势一样。是否可以检测用户滑动的速度并相应地应用操作?

我在谷歌上搜索过,但找不到在 Flutter 中检测手势速度的方法。

提前致谢。

0 投票
1 回答
2684 浏览

flutter - 将小部件从其容器外部动画到其最终位置

我正在尝试创建一个动画,其中小部件从其容器外部移动到其最终位置。

像这样的东西:

示例 1

或类似的东西(在选择练习屏幕中):

示例 2

事先不知道容器内部的最终位置(由容器计算,如网格、行、列等)。

我认为我需要一个知道它在屏幕上的位置的小部件。用于在容器上方绘制动画并为容器中两个小部件的不透明度设置动画的叠加层。我在正确的轨道上吗?

0 投票
0 回答
133 浏览

dart - flutter 自定义圆形视图

谁能引导我朝着正确的方向构建类似下图的东西

https://i.stack.imgur.com/jvqko.gif

0 投票
2 回答
2075 浏览

flutter - 水平列表视图动画

我正在尝试创建一个类似列表视图的列表视图,我得到的东西还不错,但它不像运球时那么流畅。

我猜这是因为我调用 setState 的次数太多,并且它在动画期间更新了树,但我不知道如何使它更平滑,也许只调用一次 setState。我正在使用继承的小部件通过我的树传递我的状态,这是我的编辑状态的定义

这部分在我拖动列表视图时被调用,它的工作是滚动列表视图并为我的文本设置动画

这是我的列表视图中包含的卡片,如果结构混乱,我很抱歉,我对扑腾还很陌生。

如果您知道如何改进设置状态以使动画更流畅的方式,那将对我有很大帮助。

0 投票
3 回答
1529 浏览

dart - 如何创建扩展为全屏的可拖动元素

我想用颤振构建一个典型的音频播放器,它在屏幕底部有一个可见的迷你播放器,可以拖动或点击成为全屏,就像内置的 iOS 音乐应用程序或 spotify:

在此处输入图像描述

顶部的元素不能在两者之间停止,因此,如果用户拖到一半,则它应该再次向下移动,或者完成过渡(取决于它当前的位置)。

也应该可以再次将其拖下。

旁注:我正在使用CupertinoAppnot MaterialApp... 不确定这是否会有所不同。