在FutureBuilder中刷新ui而不重新加载数据是可能的吗？

Question

我有一个应用程序，它使用来自 api 后端的随机数据，并且有一个浮动操作按钮来将当前数据添加到收藏夹，当我单击收藏夹按钮时，图标需要根据 bool 值进行更改（它在我的中名为 Recorded()）例如），但我只能使用 setState（重建页面）来做到这一点，但这次整个页面的数据正在改变，因为我的 api 答案是随机的，具有相同的 url，我的意思是每当我添加或删除当前数据时，页面都会重新加载另一个随机数据数据，我需要绕过此数据重新加载（我的示例中的 getData() 部分）并刷新我最喜欢的按钮的图标，有什么方法可以做到这一点，我尝试使用另一个 FutureBuilder 作为 floataction 按钮，并仅使用 setState 记录() 但结果还是一样？

我的构建树是这样的：

 @override
  Widget build(BuildContext context) {
    return Material(
      child: FutureBuilder<Payload>(
          future: getData(_name),
          builder: (context, snapshot) {
          Future<bool> recorded()async {
              var checkFavs = await favoriteDao.findRecordById(snapshot.data.id);
              return checkFavs == null ? Future<bool>.value(true) : Future<bool>.value(false);
            }
           if (snapshot.connectionState != ConnectionState.done && firstRun == true)
              return Center(child: Image.asset("images/dice.gif"));
            if (snapshot.connectionState == ConnectionState.done)
              if (snapshot.hasError)
              {
                return Scaffold(...) // error page
              }
              return Scaffold(..
              ....
              ....
              floatingActionButton:  FutureBuilder(
                            future: recorded(),
                            builder: (context, AsyncSnapshot snapshots){
                              return FloatingActionButton(
                               onPressed: () async{
                                  firstRun = false;
                                  var myrecord = Myrecord(//data details for record//)
                                  var checkFavs = await favoriteDao.findRecordById(snapshot.data.id);
                                  if (checkFavs == null) {await favoriteDao.insertRecord(myrecord);}
                                  else {await favoriteDao.deleteById(snapshot.data.id);}
                                  setState(() {
                                      recorded(); 
                                    });
                                  },
                                  child: snapshots.hasData && snapshots.data ? Icon (Icon ( Icons.favorite_border,) : Icon (Icons.favorite,)
                              };
                             )
                            )
                           ...

Answer 1

您不应该在 FutureBuilder 中创建 Future，而应该在 initState 方法中创建 Future

@override
void initState() {
  _getData = getData(_name)
  super.initState()
}

@override
Widget build() {
  return FutureBuilder<Payload>(
    future: _getData,
    builder: (context, snapshot) {
      // your code
    }
  );
}

因为build()会在之后调用setState，所以应该将 Future 的创建和 build 方法分开