All language subtitles for 009 Customizing the App Bar_en

In the last section, we got our scaffold and our appart widgets to show up on the screen.

However, the Alkmaar widget is not currently showing any text.

And if you look back at our mockup for the average trying to build, we definitely showed some text

inside the bar.

So in this section, we're going to figure out how we add some text.

I'm going to first get started by pulling up the documentation for the app bar on the flutter documentation

page.

So here's where we were looking at these scaffold class to pull up the documentation for the APA, you

can either find the link just a little bit down right here or you can go to this search interface on

the top right hand side and search for APSA class.

So I'll go to the APA documentation on the right hand side, you're going to see that the APA has a

lot of documentation, very similar to all the documentation we saw back when we were looking at that

list class.

That was a part of the Dart Standard Library.

So the APA is a widget, but it's still a dart class.

So it has its own set of properties and it has its own set of methods as well.

In order to get some text inside that bar, let's take a look at the constructor and see if there's

some way to assign some text to it when we first create it.

So I'll scroll down a little bit.

I'll find the constructor's section here it is right here and here's the list of all the named parameters

that we can pass to the app, our constructor.

If you take a real close look, you'll see that there's one particular parameter called title.

So if we pass in a title for the name parameter, we can pass in some text.

And that text will be used as the sort of title of our app bar.

Now, one thing I want to point out here is that you'll notice that there's really nothing inside of

this constructor documentation that says, oh, yeah, the title property is what's used for getting

some text into the upper right.

There's nothing in that constructor documentation that says here's how you get a title here.

So how would we know that's how we're supposed to get a title in there?

Well, honestly, again, this comes down to experience with using the app our class.

You can also take a look at some of the documentation up here at the top, in particular, this diagram

right here that will tell you, oh, yeah, here's where that title gets used.

And if you read through all this stuff right here somewhere, it will probably also tell you, yeah,

pass in a text widget for the title property.

And that's how you get some text to show on the screen.

So a lot of this stuff around flutter, I can't say it enough, I said in the last section, I'll say

it again.

Now, it really comes down to reading the documentation closely.

Throughout this course, I'll definitely give you a lot of very distinct pointers on where to look,

but in general, I'm going to do my best to show you how we read this documentation to figure out exactly

what's going on.

OK, so now that we know how to make use of this app, our class to get some text to show up.

I'll flip back over to my code editor, I'm going to find where we are creating that app, our widget,

I'm going to expand that parentheses and then I'm going to pass in a named parameter of title and I'm

going to assign to that a text widget with the text.

What do we want to say?

What was the markup?

Let's see some images.

OK, so in those quotes, we'll do let's see some images like so and then again, I'll put a comma at

the end, a line that this line does not collapse.

OK, so then I'll save this.

I'll pull up in my emulator.

I will restart my app.

And I will then see that new text up here inside the APA.

All right, looks good.

So we're making a little bit of progress.

Let's come back to the next section and we'll continue by trying to get this action buttoned down here

to appear on the right bottom hand side of the screen.

It's a quick break and I'll see you in just a minute.