I am displaying a full screen image list i.e. full image is displayed and user can swap left or right for new images. I noticed that once the user swipes the next image takes a second or so to show up.
If I set useVirtualLayout = false, the images show up immediately on swipe, like they are preloaded. However it takes an enormous amount of time to load initiallly.
On reading a bit about this virtual layout concept, I figured out that this is due to recycling of itemrenderers that takes place by default (useVirtualLayout = true).
So my question is, is there anyway the performance of the recycling can be improved so it shows up the images immediately i.e. while swiping. I thought flex creates 2 more itemrenderers than what is visible on the screen, which in my case should be 3. So ideally the next image should show up immediately. Doesn't look like that is the case though.
I've implemented content cache and all items in the list are already available too. Do you mean something else by pre-fetch?
The Floupon or Flex Groupon app shown during Adobe Max somehow seems to show up the next item instantaneously on swipe. Mine is very similar to that but doesn't show instantaneously.
Actually when I said all items are available in the list, I meant all the URLs to the images are present in the dataprovider set for the list. Is there a way to fetch the actual image data for the next image in the background while the user is viewing an image?
"I meant all the URLs to the images are present in the dataprovider set for the list"
That does not mean that images are actually loaded. They still need to load. So unless you load them/pre-fetch in advance they will still take time to load.
Not sure how yor application is built, don't know how you get url's and when....