问题标签 [flutter-animatedlist]

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 投票
0 回答
79 浏览

flutter - 多个小部件使用相同的 GlobalKey。动画列表

所以我有一堆用户之前回答过的问题,我正在显示带有答案的问题,并让用户可以选择只显示用户用正确答案回答过的问题,同样适用于答案错误的问题,我想做的是从动画列表中删除一堆项目代码正在工作,但我不断收到“多个小部件使用相同的 GlobalKey”。错误

这就是我创建和初始化密钥的方式:

这是代码中 AnimatedList 部分的代码:

这是删除项目的代码:

这是整个页面脚本:

在过去的 12 个小时里,我一直在尝试解决这个问题,如果你知道如何解决这个问题,请帮助我,谢谢你的时间。

0 投票
0 回答
41 浏览

flutter - SizeTransition 不显示动画

我正在颤动中创建一个 AnimatedList ,我想要的唯一动画是在按下项目的删除按钮后删除列表项时。该项目删除并消失,但我希望它在删除时为垂直折叠设置动画(我使用 SizeTransition)。动画似乎没有运行。

我认为这与我实现RemovedItemBuilder类的方式有关,但它几乎与 Flutter 文档中SizeTransition类的示例相同。

(当在RemovedItemBuilder类的构建方法中返回DirectMessagePreview的实例作为临时占位符时,我故意传入了索引“99”和名称“哇” )

0 投票
2 回答
253 浏览

flutter - 动画列表中的颤振关闭项目无法正常工作

AnimatedList在我的 Flutter 应用程序中使用。它正在工作,但dismiss-behavior 并不顺利,因为在转换时被解雇的项目会更改为上面的项目。

是一个屏幕视频,以便更好地理解。专注于文本,它总是在过渡到第一个项目的文本(“Hallo Dasist 1”)的中间变化。

我按照本教程进行操作,您也可以在 CodePad 上对其进行测试,您可以看到完全相同的行为。这不是想要的动画......有谁知道我该如何解决这个问题?

以下是我解雇这些项目的方式:

和我的slideIt- 动画功能:

如果您需要更多信息,请告诉我们!任何帮助表示赞赏。我希望这可以以某种方式解决...

0 投票
1 回答
817 浏览

flutter - 从列表中删除项目后,Flutter Slidable 保持打开状态

我在 ListView 中使用 Slidable,所以我可以删除项目。问题是,如果我从列表中删除一个项目,新项目的滑动打开。这显然不是我们想要的行为。这是一个屏幕视频,以便更好地理解。

我的列表是一个 AnimatedList:

这是我的Slidable:

AnimatedList 让它变得更加棘手,所以如果您需要更多信息,请告诉我!我怎样才能解决这个问题?

0 投票
1 回答
185 浏览

flutter - 为什么 AnimatedList 在颤动中不使用 bloc 状态的列表构建?

我正在尝试创建一个AnimatedList使用bloc模式,但遇到了一些问题。

当我将 initialItemsCount 设置为AnimatedListstate.itemList.length,它不会构建。虽然当我在 's listener 中打印出state.itemList(来自ListBloc)时,BlocConsumer它会打印出itemList.

那么,问题是为什么这不起作用?

我尝试做同样的事情ListView.builder并且效果很好。我是否遗漏了某些东西,或者AnimatedList甚至不应该使用 bloc 工作?

这是一些示例代码,对于这种情况来说非常简单:

MyApp 类:

物品类别:

集团:

谢谢!

0 投票
1 回答
488 浏览

flutter - Flutter Listview 排序动画

我想用动画对我的列表视图进行排序。当用户点击按钮时,按钮的优先级自动改变。然后我想对 Listview 进行排序。目前,我使用 setState 并且动画是不可能的。用户看不到哪个小部件被另一个小部件更改。

我已经尝试过这些库;

在此处输入图像描述

0 投票
0 回答
34 浏览

flutter - 带有动画列表视图的流生成器

在我的flutter firebase应用程序中,我有一个带有流生成器的评论部分,我想在有新值时使用动画列表视图制作动画,但我在将流作为列表处理时遇到问题,因为我无法通过索引流作为一个列表。有人可以帮我实现这个。这是我下面的代码:

0 投票
1 回答
22 浏览

flutter - 如何在动画列表中维护小部件的状态

我有一个应用程序,其中有一个计时器列表。小Timer()部件非常简单。它是一个动画构建器,Column()其中Container()包含暂停/播放按钮、名称、剩余时间、删除和重复。所有这些信息都存储在一个TimerData()类中。

问题是,当我删除正在运行的计时器上方的计时器时,它会被重置:https ://cln.sh/VoHxCL 。

我使用AnimatedList(). 这是我的代码:

Timer()

Home()小部件包含AnimatedList()

0 投票
0 回答
56 浏览

flutter - [Flutter][AnimatedList] 在“insertItem”之后添加到列表中的新元素不调用“initState”而只调用“build”

我正在使用动画列表在我的应用程序上显示实时通知历史记录。我使用订阅来打开一个网络套接字并实时获取更新。

这是包含列表的小部件

这是我的 NotificationCard 类:

不知何故,当一个新的通知到达时,动画工作并且项目被添加了正确的 widget.text,但是 _isRead 和 createdAt 是错误的!难道我做错了什么?

0 投票
0 回答
26 浏览

flutter - ImplicitlyAnimatedList 在嵌套导航器中不起作用。扑

上述代码的解释

我正在制作一个购物清单应用程序。上面的代码是一段代码。ListsViewItem是一个代表购物清单的小部件,它显示它的名称并在按下它时推送列表的页面。GroceryListclass 是购物清单的模型,用户可以在其中存储项目。GroceryListBloc是应用程序的主要 BLoC。GroceryListState是应用程序的所有其他 BLoC 状态类扩展的 BLoC 状态类。ListsListModifiedState是当包含杂货清单的列表被修改(列表添加、删除、移动)时发出的状态类。BLoC的addList方法创建添加给定的杂货店 lsitbloc.lists和发出ListsListModifiedStateMaterialApp树中此导航器上方的某处有一个小部件。由于MaterialApp提供了自己的导航器,因此上面这段代码中的导航器是嵌套的。

问题

如您所见,ScaleTransition由. 因此,每当我使用上面附加代码中所示的按钮创建一个新的购物清单时,必须重建它的子项,并且新的购物清单必须由, 动画显示,但它没有动画,而是立即看起来好像它不在 a 中但在 a 中。ListsViewItemImplicidlyAnimatedListBlocBbuilderImplicitlyAnimatedListImplicitlyAnimatedListColumn

我试图做什么

我尝试删除导航器,因此,MaterialPageRoute它工作得很好:新创建的ImplicitlyAnimatedList动画的孩子如预期的那样。

问题

我如何使它ImplicitlyAnimatedList在嵌套导航器中为其子级设置动画?