问题标签 [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 回答
26 浏览

flutter - StreamBuilder 中的 AnimatedList(并且小部件会自行删除)

我正在尝试制作一个收藏夹页面,它将标记收藏夹列表作为 ListTile() 并让用户禁用收藏夹。我使用 StreamController 来管理收藏夹列表,因为它在整个应用程序中共享。

所以我最喜欢的页面是这样的:

无论我在哪里添加收藏夹都很好。如果我在除此页面之外的所有页面中都执行此操作,则删除收藏夹效果很好。上面的代码有效,但动画无效,因为我之前没有使用“insertItem”……这就像基本的 ListView 一样是“静态的”。

当我在构建 AnimatedList 时使用 insertItem(),然后尝试从此页面中删除收藏夹时,我收到此错误: RangeError (RangeError (index): Invalid value: Not in inclusive range 0..2: 3)

我想我不能同时使用 StreamBuilder() 和 insertItem()/removeItem() 来实现这一点,因为它会导致“索引”问题......

我怎么能这样做?

0 投票
0 回答
44 浏览

flutter - 如何从 Flutter 中的另一个页面更新 AnimatedList(共享列表)?

对于专业应用程序,我有一个分数列表(objetc 分数),我希望允许用户将一些分数标记为收藏夹(由具有属性列表收藏夹的收藏夹类管理)。

我的主页是一个带 2 个孩子的 PageView:全局得分列表和收藏夹。第一个是静态 ListView,当用户添加一个 Score 作为收藏夹时可以重新加载它(基于带有 BLoC 的 StreamBuilder)。但我希望第二页显示收藏夹的 AnimatedList,因为用户可以更明确地使用动画列表关闭收藏夹,而不是仅仅“删除”被关闭的项目......

我的问题:当我从第一页(未构建 AnimatedList)更新 AnimatedList 时,它没有添加项目,所以最后我得到一个“索引范围”错误......

我尝试在 BLoC 中声明 AnimatedList 并使用 animatedListKey.currentState.insertItem(index) 更新项目,但是当 AnimatedList 未“物理”构建时,我可以验证 animatedListKey.currentState 为空。

我的课程 :

  1. 第一页:ScoreListPage
  1. 第二页:FavoritesPage
  1. 用于这些页面的主要 BLoC(注意:它使用单例模式):
  1. 管理 AnimatedList(在 ScoresBloc 中实例化并返回 FavoritesPage 的 Widget):

你认为我能做些什么来实现这一目标?我尝试了很多东西,我现在看到的唯一解决方案就是放弃 AnimatedList,那真是太可惜了...... :')

0 投票
0 回答
23 浏览

flutter - 使用 AnimatedList 刷新指示器

在拉动刷新操作期间,我成功地调用了 API 函数。我也了解使用时的insertitemandremoveitem功能, 但我很难寻找其中组合了刷新指示器和动画列表的参考。AnimatedListglobal key

如果您可以分享有关使用什么的线索,AnimatedList以便更新或重建列表,那将足以让我处理其余的事情。

0 投票
0 回答
15 浏览

flutter - AnimatedList 在排序时重新激活

我在使用时通读了内置函数,GlobalKey<AnimatedListState>但似乎找不到完美的函数来重新激活列表,例如显示列表的重新排列。

我能够成功地对数据进行排序,但只是希望它看起来很漂亮,并让用户知道数据正在重新排列,而不仅仅是立即排序。

似乎也找不到类似的问题,所以我发布了这个,也许这也可以帮助其他人。谢谢!

0 投票
0 回答
15 浏览

firebase - 如何在 firebaseAnimatedList 上添加新帖子。?帮帮我,每当我添加新帖子时,它都会出现在帖子的底部

我希望当有人添加新帖子时,它应该出现在帖子的顶部。

我也使用了 listview 的反向,但它不起作用。

...

0 投票
1 回答
22 浏览

flutter - StreamBuilder 刷新时 AnimatedList 超出范围

我从 FirebaseFirestore 获得了这个 StreamBuilder 流。例如,我在 Firebase 中有 3 个符合我的条件的条目(保存在 _items 中)。到目前为止,一切都很好。但是,如果我删除其中一个,流会刷新,但列表会抛出错误: RangeError (index): Invalid value: Not inclusive range 0..1: 2 其他方式相同的问题:只显示两个,第三个是未显示。有谁知道为什么或如何解决这个问题。谢谢 :)

0 投票
1 回答
23 浏览

list - 如何在颤动中使用动画移动给定源索引和目标索引的列表项

我正在flutter应用程序中构建一个排行榜屏幕,每当用户来到排行榜屏幕时,我想将他旧位置的动画显示到排行榜中的新位置,所以我需要这一行的动画向上或根据他的排名,请有人帮我使用哪个小部件来使此功能正常工作。谢谢

0 投票
1 回答
47 浏览

flutter - 从 AnimatedList-Flutter 中删除项目

我在颤动中使用AnimatedList为列表中的项目设置动画。将项目添加到列表时,动画正常工作。但是当一个项目被删除时,要么出现错误(见下文),要么正在动画错误的项目:https ://res.cloudinary.com/drcxef0qi/video/upload/v1645354884/5f5d2ff9-7e82-424a-96b5-ecf097a89316_bpojds .mp4

仅当删除的项目是列表中的最后一项时才会出现此错误: RangeError (index): Invalid value: Valid value range is empty: 0

这是我正在使用的代码:

动画列表:

谢谢!