Flutter no state 在 GestureDetector 中使用 Navigator.of(context).push(..) 时发生变化

Question

I'm building a product store right now. I have a product Card which is using a GestureDetector to navigate to the SingleProductPage. In my SingleProductPage I am using a callback function to add/remove this product as a favorite. When using one of these Callback function, my Stateful Widget will change the state to the new favorite product list. But for some reason, my SingleProductPage doesn't get the new state and the page wont rebuild. All other widgets are getting rebuilded when changing the state.

This is my GestureDestectore in the product card:

GestureDetector(
        onTap: () {
          Navigator.of(context).push(MaterialPageRoute(
              builder: (_) => SingleProductPage(product, account, favorites,
                  addFavoriteCallback, removeFavoriteCallback)));
        },

This is what my favorite button does on remove favorite:

    if(favoriteId != null) {
       removeFavoriteCallback(favoriteId);
    }

And this is what happens when the removeFavoriteCallback gets executed:

void onRemoveFavorite(int favoriteId) {
    if (_userAccount != null) {
      favoriteService
          .deleteFavorite(
              FavoriteDeleteRequest(_userAccount!.userId, favoriteId))
          .then((value) => getFavoritesByUser());
    }
  }

  void getFavoritesByUser() {
    if (_userAccount != null) {
      favoriteService.getFavoritesByUser(_userAccount!.userId).then((value) => {
            if (value != null)
              {
                setState(() {
                  _favorites = Favorites(value.products);
                })
              }
          });
    }
  }

Answer 1

As I understand you call a function that has setState() in it, which updates the widget function is called from(which is product card in your example), simple solution would be to wrap in setState() as well

if(favoriteId != null) {
    setState(() =>removeFavoriteCallback(favoriteId));
}

so you update your single card widget