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

flutter - 动态混合高度 Flutter 的动画容器

当按下按钮时,我正在使用 animatedContainer 来显示 listView.builder() 。这是一个简单的子列表来显示,但问题是我不知道 ListView 构建器的高度传递给 animatedContainer 高度约束。有什么方法可以动态获取列表视图构建器的高度或任何其他方法来实现这一点?

我需要的?

  • 动画容器需要高度,但我不知道 listview builder 的高度。
  • 当我使用普通容器时,我没有设置height:属性,所以它会自动环绕孩子

像这样的东西:https ://getbootstrap.com/docs/4.0/components/collapse/

当我使用普通的 Container() 时,我不会设置height:属性以便它会自动获取孩子的高度,但我需要高度,因为我想以动画方式扩展子类别。

SubCategories 的每个元素具有不同的高度和 Subcategories 的数量也是未知的。所以计算高度subcategories.length也是不可能的。

任何建议都非常感谢,谢谢

0 投票
2 回答
145 浏览

flutter - 如何根据内部文本动态更改容器大小?

我正在显示一个动画容器列表,该列表最初具有一定的 maxLines 文本。当用户单击容器时,我希望容器展开以完全适合整个文本

这是我的简化代码:

当用户点击容器时:

目前,我根据文本的长度明确提到了容器的高度

这是现在发生的事情:

在此处输入图像描述

但这会在某些文本的末尾留下空行。有没有更好的方法来适应文本而不调整文本大小?

0 投票
0 回答
54 浏览

flutter - Flutter Icon in a Row 未使用 AnimatedContainer 进行动画处理

我试图在Rowusing中隐藏一些图标AnimatedContainer,但我无法弄清楚为什么图标总是留在那里,而其他小部件会与Row.

在此处输入图像描述

这是我的代码:

有什么想法我在这里做错了吗?

谢谢。

0 投票
1 回答
48 浏览

flutter - 我可以更改 AnimatedContainer 中的边距吗?

我正在使用ListWheelScrollView构建一个列表,我想更改中心下方容器的边距值。我也在使用AnimatedContainer

这段代码给了我错误:错误:不是常量表达式。左:x == 选中?13 : 10), 有没有办法避免呢?

0 投票
0 回答
46 浏览

flutter - 在颤动中淡出和旋转形状

我有个主意。第一个三角形形状在中间弹出并旋转 1x

0 投票
1 回答
401 浏览

flutter - 如何创建一个在颤动中隐藏/显示小部件的动画容器

我想创建一个Container看起来像 aCard的小icon,当单击此图标时,容器高度发生变化并在内部显示不同的组件。

这是预期的结果

0 投票
0 回答
28 浏览

flutter - AnimatedController Widget 的颤振问题

我目前正在处理一个应用程序,我有一个警告,我无法摆脱...

摘要:一个 RenderFlex 在右侧溢出了 34 个像素 -> 当您按下按钮以使用 AnimatedController 扩展容器的宽度时。

我在 Scaffold 中使用了一个自定义的 floatingActionButton,当按下它时会延伸到屏幕的末尾并显示 2 个选项。按钮的位置在右下角,我希望当你按下它时它会向左延伸并出现两排按钮。

当您按下按钮时,上面指定的警告出现和消失。我尝试使用 Expanded 但没有成功...我附上代码:

0 投票
1 回答
48 浏览

flutter - 带有滚动列表的动画容器 - Flutter

我试图在 Flutter 中实现一个相当复杂的屏幕。它是一个带有视差背景的滚动视图和……一种折叠工具栏。我知道我可能必须使用 NestedScrollView 和 SliverAppBar(?),但不确定从哪里开始实施。我认为一张图片最能展示我想要完成的事情:

在此处输入图像描述

该列表从容器下方开始。当您滚动列表时,Container 会缩小为更小的 Container 并固定在顶部。那有意义吗?任何帮助将不胜感激!

0 投票
1 回答
32 浏览

flutter - 颤动动画容器改变子小部件的大小

我正在尝试创建一个容器,我可以在其中执行两个手势:onTapDownonTapUp. 我想在执行时减小容器的尺寸onTapDown

我想要的是这样的: https ://i.imgur.com/7hW2Cn1.gifv

问题是,如果我使用 AnimatedController 我还需要调整孩子的大小,这会一团糟。

我也查看了flutter_bounce图书馆,但我想要的不是基于持续时间的东西。如果用户保持按下状态,则容器保持按下状态。

那么问题是如何只减少自动减少子容器的父容器?因为我也可以为孩子使用多个 AnimatedContainer 但问题是文本没有动画。