从futurebuilder中删除项目时,它不会更新

时间:2019-08-29 16:10:15

标签: listview flutter state future

我有一个futurebuilder,它调用连接到DynamoDB的API。但是,当我从dynamoDB中删除一项时,除非我离开屏幕然后返回,否则它不会更新我的列表,从而允许FutureBuilder自身进行重建。

我尝试将ListView与用于在初始状态下调用API的变量一起使用,并在仍处于同一视图的情况下在本地修改该变量,但这有其自身的复杂性。

使用FutureBuilder的地方灵活。

Flexible(
              flex: 31,
              child: FutureBuilder<UserList>(
                future: getUsers(URL+GroupID),
                builder: (context, snapshot) {
                  if (snapshot.hasData) {
                    print("HAS DATA");
                    if (snapshot.data.users == null) {
                      return Column(
                        children: <Widget>[
                          Padding(
                            child: Text(
                              "You have no users",
                              style: TextStyle(
                                color: Colors.white,
                                fontSize: 30,
                              ),
                              textAlign: TextAlign.center,
                            ),
                            padding: EdgeInsets.fromLTRB(10, 50, 10, 10),
                          ),
                          Icon(FontAwesomeIcons.solidSadTear, size: 80, color: Colors.white,),
                        ],
                      );
                    } else {
                      return ListView.builder(
                        itemCount: snapshot.data.users.length,
                        itemBuilder: (BuildContext context, int i) {
                          return Slidable(
                            actionPane: SlidableDrawerActionPane(),
                            actionExtentRatio: 0.25,
                            child: new UserView(snapshot.data.users[i], GroupID),
                            actions: <Widget>[
                              IconSlideAction(
                                caption: 'Delete',
                                color: Colors.redAccent,
                                icon: Icons.delete_forever,
                                onTap: () => {
                                  removeUser(snapshot.data.users[i])
                                },
                              ),
                            ],
                          );
                        },
                        padding: EdgeInsets.only(),
                      );
                    }
                  } else if (snapshot.hasError) {
                    showAlert(context, "Failure to get Item",
                        "Please check DynamoDB");
                    return Center(child: Text("App Failure\nPlease restart the app"));
                  } else {
                    return Center(child: CircularProgressIndicator());
                  }
                },
              ),
            ),

removeUser方法:获取当前列表,删除指定的用户,然后更新Dynamo。

removeUser(UserObject user) async{
    UserList userList = await getUsers(URL+GroupID);
    var i = 0;
    for(var temp in userList.users){
      if(temp.UID == user.UID){
        userList.users.removeAt(i);
        String update = await updateAdminUsers(URL+"updateUser/"+GroupID, userList);
        setState(() {});
      }
      i++;
    }
  }

我最终希望它完成的工作是更新视图,而无需导航并返回。通过使用SetState(){},它可以更新列表的长度,但是列表本身永远不会更新。示例:如果列表中有bill和bob,并且我从列表中删除了bill,则bob将被删除,因为他是列表中的最后一个元素,并且bob停留。当您导航离开并返回时,尽管那里有正确的列表。 Dynamo没有问题,但是FutureBuilder不会更新。

1 个答案:

答案 0 :(得分:0)

FutureBuilder不能以这种方式工作。它只等到Future解析后才重建,并且仅一次。如果您想要类似的行为,可以查看StreamStreamBuilder