The very last thing we have to do around our account screen is make sure that we've got some content
scooted down to make sure that it just doesn't show up underneath that status bar.
So we need to make sure that occurs both on iOS and Android as well to do so in the past we've added
in some margin on the top or we've used a header component.
We've essentially tackled this in a variety of different ways.
So this time around we're gonna handle it in one additional style inside of account screen at the very
top.
I'm gonna add in an additional import for safe area view from react navigation so this is a react component
that's going to make sure automatically by looking at the device that we're running on that none of
the content inside the screen is going to render behind that status bar at the very top so we can make
sure that we wrap all of our content inside of here with safe area view rather than the current fragment
that we have.
So the return safe area view and we're gonna add in a special prop here called Force inset that's going
to be an object.
So two sets of curly braces and we'll say top always like so and I'll close off the tag on the other
side.
So safe area view Gates.
Let's say this and do another quick test.
So if I go back over to my account screen now all the content has been automatically shifted down for
me.
We can test out the same thing on Android as well.
And yep that's looking pretty darn good.
So now this is just yet another way to handle that extra kind of notch or that status bar at the very
top.
We can make use of safe area view.
We'll probably end up using safe area view on our track list flow possibly maybe not because we've got
that header on there but I bet we'll end up needing to use it on track create screen as well.
Because right now our content on there is also showing behind our status bar gets us looks pretty good.
And that essentially wraps up our entire authentication flow.
So at this point we've got a really solid authentication system and now we can start to really just
think about how we're going to create these track things on the track create screen and then eventually
list them on the track list flow.
So quick pause and let's start to tackle that in the next video.