All language subtitles for 017 Text to Images_en

In the last section, we added in a tiny bit of logic to our item bill, their function, I've started

up my emulator and it looks like I don't have any airs or anything like that.

So I'm going to try to press the button right here.

As soon as I press the button, we're going to make a request over to that images API.

We're going to fetch some JSON.

We're going to add it to our list of images right here that's going to update our item count for the

list view.

So this view is going to try to build a number of items equal to the images that we have inside of our

image list.

Then the item builder is going to be called many times.

And each time we're going to look inside of our image list, pull image model out of there and reference

the property on it.

So with that in mind, I'll go back over to my emulator and if I click on the plus button, I start

to see the URLs appearing and you'll notice that there's a little bit of a delay in there.

Like when I press the button, it takes some minutes for the URL to actually appear on the screen,

and that's actually completely to be expected.

Remember, whenever we go to get the fetch that image, we are making a network request and that takes

some amount of time to accomplish.

So that's why you're seeing that little delay in there as we go out and try to fetch the image, OK?

So that looks pretty good.

But showing the Urals on the screen, definitely not that interesting.

So let's take a look at some documentation again and see if we can't figure out how to take the you

are right here.

And rather than showing the URL as a text, let's try to fetch the actual image that that URL points

at and show the image on the screen instead.

So I'm going to pull up my floater documentation again.

And I'm going to search for image and find the image class right here.

Now, on the image class, documentation right here at the top is exactly what we're looking for.

So there's several different name constructors that are given to us as a part of this image class that

allow us to show images from different sources.

So in some cases, we get the ability to show an image from an asset bundle.

An asset bundle is an image that is bundled in with our actual application.

We can show an image from a file or show a raw image from the list of integers or for what we're trying

to do, show a image from a year earlier.

So in order to show an image on the screen, we have to create a new image dot network widget.

So I'm going to flip back over.

And now, rather than showing a text right here, I'm going to try to create a new instance of.

Image.

DOT network like so.

So I'll save this, I'm going to.

Refresh my terminal again or refresh my application.

We're going to wait a couple of seconds for the restart.

There we go, and now when I click plus right here.

We reach out to fetch our image and then show that image on the screen, and as I start to click on

this, I'm adding more and more images to my list so I can keep clicking and I get more images showing

up.

Until I eventually hit the bottom, at which point I can hit plus again and get another image, awesome.

So it looks like we're definitely making some progress, but our application still does not quite match

our makeup.

So remember, on our makeup, we had shown the image on here on kind of like a card, sort of rectangular

looking thing.

And underneath it, we wanted to show the title of each image because each image does have a title.

It's just a random jumble of words, but I think we still want to show the title on there.

So like the first image has this Latin phrase right here.

So we still have a little bit of work to do.

Let's take a break and come back in the next section.