Flutter Futurebuilder 被修改

Posted

技术标签:

【中文标题】Flutter Futurebuilder 被修改【英文标题】:Flutter Futurebuilder gets modified 【发布时间】:2021-12-25 03:37:06 【问题描述】:

我有一个从 Api 获取数据的 Futurebuilder。 我正在将其数据分配给一个列表;

List<TicketModel> ticketList = [];`
ticketList = snapshot.data;

现在奇怪的是,snapshot.data 和 ticketList 应该是独立的吧?

但是,如果我从列表中删除数据,例如,我删除价格为 1 的每个对象,snapshot.data 也会修改(现在与列表具有相同的数据)。

为什么会这样?

如果有必要,Futurebuilder 位于模态底部表单中

void main() 
  List<String> listofAllTickets =[];
  listofAllTickets = ["ticket eins","ticket zwei", "ticket drei"];
  List<String> listOfAllTicketsSecond = listofAllTickets;
  listOfAllTicketsSecond.removeWhere((element) => element == "ticket eins");
  print(listofAllTickets);
  print(listOfAllTicketsSecond);

【问题讨论】:

因为您没有复制 snapshot.data 的内容,所以您正在复制对其列表的引用,并分配您的列表指向它。还是我误解了你的问题? 请分享minimal, reproducible example。目前,您的问题中没有FutureBuilder @Jeppe 你是对的,谢谢这正是问题所在 【参考方案1】:

您需要使用futurebuilder 并将ticketlist 连接到它。 futurebuilder 将在其回调函数中生成快照。您无法在 futurebuilder 之外访问快照。

我更喜欢使用 Bloc 和 streambuilder。当通知流发生更改时,会发生 Streambuilder 事件。

【讨论】:

【参考方案2】:

正如@Jeppe 在 cmets 中发布的那样,我之前所做的是:

void main() 
  List<String> listofAllTickets =[];
  listofAllTickets = ["ticket eins","ticket zwei", "ticket drei"];
  List<String> listOfAllTicketsSecond = listofAllTickets;
  listOfAllTicketsSecond.removeWhere((element) => element == "ticket eins");
  print(listofAllTickets);
  print(listOfAllTicketsSecond);

正确的解决方案是这样做:

void main() 
  List listofAllTickets = ["ticket eins","ticket zwei", "ticket drei"];
  List listOfAllTicketsSecond = [];
  listOfAllTicketsSecond = List.from(listofAllTickets);
  listOfAllTicketsSecond.removeWhere((element) => element == "ticket eins");
  print(listofAllTickets);
  print(listOfAllTicketsSecond);

在示例 2 中,我复制数据而不是引用列表。

【讨论】:

以上是关于Flutter Futurebuilder 被修改的主要内容,如果未能解决你的问题,请参考以下文章

使用 FutureBuilder 和 Provider 在 Flutter 中出现错误状态没有元素

FlutterFuture 与 FutureBuilder 异步编程代码示例 ( FutureBuilder 构造函数设置 | 处理 Flutter 中文乱码 | 完整代码示例 )

Flutter FutureBuilder 在另一个 FutureBuilder 中,取自 JSON 字符串数组

Flutter StreamBuilder 与 FutureBuilder

Flutter:FutureBuilder 中的异步调用

Flutter HiveDB 在 FutureBuilder 上使用框