StaggeredGridView | A simple StaggeredGridView implemented using ScrollView | RecyclerView library

import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart'; //import libray

flutter_staggered_grid_view: ^0.5.0 // package

Im new to flutter and working on an ecommerce flutter app. When im trying to navigate to search screen its giving some error. Please find the below codes for your reference and help to resolve.

Error : The following assertion was thrown while dispatching notifications for SearchProvider: setState() or markNeedsBuild() called during build. This _InheritedProviderScope widget cannot be marked as needing to build because the framework is already in the process of building widgets. A widget can be marked as needing to be built during the build phase only if one of its ancestors is currently building. This exception is allowed because the framework builds parent widgets before children, which means a dirty descendant will always be built. Otherwise, the framework might not visit this widget during this build phase. The widget on which setState() or markNeedsBuild() was called was: _InheritedProviderScope The widget which was currently being built when the offending call was made was: SearchScreen

Codes Search Screen

Under each image I would like the caption/card to say something different.

How can I achieve this?

I saw someone add ['url', "Some text"], in their String to have the text overlay the image but I can't find it now and I couldn't get it to work either.

This is what I've managed to do...

I am still new to flutter development and recently I've been trying to call API. I've managed to do so without placing data into the model and it worked fine. The issue is when I try to serialize the data. I've created a model using app.quicktype.io. and I am not sure how to call it in my views file.

The project is using Getx.

API manager

I create the upload page after i Finnish the code that follow youtube I try to upload image in my app but when i pushed my button the app goes crash and Lost connection to device, so i go back to check my code and nothing show error. In terminal doesn't show any information i don't know how to resolve my code.

here is my code

I am trying to lazy load Images in any kind of ListView, GridView, StaggeredGridView, SliverGrid, SliverList, ScrollablePositionedList builders. I am fetching images from network using Image.network.

I am also using ResizeImage to reduce the memory taken according to devices screen sizes.

The images are put in cache (which is actually not desired) and never cleared from memory when calling dispose.

Image.memory is actually behaving the same way, keeping references to object and not deleting them when calling dispose.

Here is my related github issue.

How can i only keep in memory the visible items in the ListView ?

is it possible to put the GridView into Carousel in flutter like this??

i don't understand about the carousel but i learn it and i get the Carousel more useful then grid-view if i follow my design?

this is my GridView Code

I want to fetch the particular users' liked posts and show them in Staggered grid view. I can able to do this in FutureBuilder. But in FutureBuilder because of the whereIn limit of 10, I cannot fetch more. I know it can be implemented using StreamBuilder.But I am helpless and don't know how to do it.

This is my firebase collection.

Below is the code for fetch data:

Here's the code I have used to fetch images and text. I wanna know how to add on press here.