问题标签 [animatedcontainer]

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 回答
511 浏览

flutter - Flutter AnimatedContainer 与 AnimationController

我找不到两者之间的区别,以及为什么要在另一个之上使用一个。

在我看来,他们俩几乎都在做同样的事情。

为什么以及在哪里使用一个高于另一个?

0 投票
2 回答
1700 浏览

flutter - 如何在初始小部件构建后使 AnimatedContainer 更改高度,而不是在按钮单击上

正如在我的代码片段中看到的,动画容器的高度是 voteCountList[0],如果值被更新,这可以正常工作。但是,最初构建小部件时,没有动画,并且容器的高度立即 = voteCountList[0]。我想实现 AnimatedContainer 以使容器的高度可以从 0 动画到 voteCountList[0]。这个高度需要在构建时进行动画处理。

0 投票
1 回答
274 浏览

flutter - 即使 Flutter 中父小部件的高度为零,图标仍会显示

我有一个 AnimatedContainer,作为它的孩子,我有一个包含文本和图标按钮的行。单击某个按钮后,我在 0 到 100 之间切换 Container 的高度。当 Container 高度为零时,IconButton 仍然可见(不是文本)并且不可单击。在此处输入图像描述

在此处输入图像描述

请建议如何解决这个问题。

0 投票
0 回答
104 浏览

flutter - 如何动画容器相对于其子内容的高度?

我想为容器的高度属性设置动画(下面代码中的 AnimatedContainer),但我不想设置这样的硬数字(高度:_visible2 ? 160 : 40.9),因为这个容器的高度是相对于它的子内容(主要是文字)

有没有办法从零动画到相对高度(例如,这个容器的高度可以在横向模式下改变,因为文本有更多的空间放置在屏幕上)?

0 投票
1 回答
927 浏览

flutter - Flutter:在无状态小部件中动画行内容

我有一个由一个或两个元素组成的行。根据后者,我想为第一个元素的宽度设置动画,使其要么完全展开,要么适应第二个元素。

我在行内使用 AnimatedContainers 来实现这一点,但没有动画。我认为这可能与 Flutter 在根据其父级的状态重新渲染后未将其识别为相同有关,因此我尝试使用唯一键。然而,这也不起作用。

我还尝试使用 Layout Builder 显式定义宽度,并使用 Animated Container 作为 Row 的父级。都没有奏效。

任何人都可以指出我可能会错过什么吗?

0 投票
0 回答
159 浏览

flutter - 无法在动画容器内渲染 BorderRadius

我正在尝试在动画容器内渲染圆形边框半径。它呈现在容器的阴影上,但不在实际容器上。有什么建议么?

这是我的代码:

主要.dart

HomeScreen.Dart

我已经评论了未呈现的代码行。

[ 11

容器位于菜单仪表板内。在右侧的 Mini HomeScreen 中,borderRadius 是方形而不是圆形。

0 投票
1 回答
207 浏览

flutter - Flutter - 弯曲的导航栏 - 在屏幕外绘制

我正在使用 curve_navigation_bar :这个

我有一个动画容器,它缩小到其大小的 1/4,并且它有一个弯曲的导航栏,当容器缩小时,导航栏会在容器之外绘制一点,我需要一种方法来阻止它。

附:问题的截图,你可以在蓝色圆圈中看到它所做的额外绘图,我需要停止。

在此处输入图像描述

我在网上搜索了解决方案,甚至尝试检查源代码但没有运气

0 投票
0 回答
84 浏览

flutter - 在垂直页面浏览中调整图像大小而不影响每个元素之间的空间?

大家好,我在页面浏览中调整动画容器的大小时遇到​​问题。如果我调整图像的大小,我会丢失两者之间的空间量,并且如果我正确的条件语句来检查容器是否是 activePage,如果不是更高的另一个容器,但是当我这样做时,我会失去页面浏览的平滑度,所以我该怎么做通过牺牲它们之间的空间来获得合适的尺寸?
链接到照片以显示所需的间距量和视频以显示所需的效果。https://photos.app.goo.gl/q3zo6Fw5i2sM4X2K6 容器/图像的高度需要为 499。 如果需要更多信息,请在评论中标记我!

0 投票
2 回答
562 浏览

flutter - 如何使用具有高度匹配子项的 Flutter AnimatedContainer

目前,此代码用于调整容器大小以在不同内容之间切换,但它不是动画。我认为我需要提供一个 height 属性来使动画工作,并且当我提供一个在它之间切换的高度时确实匹配,如下所示:

容器在两种状态之间平滑地动画。然而,高度不再是自适应的。所以我尝试使用以下方法提供高度:

但它给了我错误,我不知道如何解决它。

0 投票
1 回答
93 浏览

flutter - 当它们是数组的一部分时,如何更改单个容器的颜色?

我试图在轻按时突出显示 GestureDetector 的颜色,我只想更改轻按的容器颜色,但是我的 GestureDetector 是从数组创建的,所以当我更改一个时,一切都会改变。

我如何达到我的目标?数组中的文本不是固定的,会增长或缩小。

带有当前代码的示例 gif 示例