Now that you had a thorough introduction to how you generally work with React Native and build React
Native applications,
it's of course
time to dig a bit deeper and also learn how we can build applications that look great on both platforms,
on both iOS and Android and that maybe also have kind of the default look you would expect there
and of course, that also look great on different devices, different device sizes.
That's what's called responsive design, your app should be designed such that it automatically looks
great on all possible device sizes and therefore in this module, you will learn all about the tools you
need for that. Specifically
we'll have a look at how you can find out how big the device is on which you're running,
so how broad it is, how much width you have, how much height you have and maybe which orientation it has
because maybe you also want to present a different layout for different orientations, for portrait mode
and for landscape mode and therefore we'll also have a look at how you can adjust your styles and your
layouts based on the size and orientation because there are a couple of different tools you get by React
Native.
Now the sizes are one thing,
the other obvious thing which you might want to cover is the platform you're running on.
You're building an app that you typically want to distribute to both iOS and Android because that is
the cool thing with React Native,
you use Javascript to get an app for multiple platforms and still sometimes you need to adjust your
styling or your layout or maybe even some business logic based on the platform you're running on.
So you want to have a certain layout or a certain color on iOS and you might have a different color
on Android,
in this module, you'll learn how you can adjust your code or your user interface in general based on
the platform.
So these are the big topics we'll dive in in this module and for this, I'm back on the app
we worked on, this is the app we saw there,
this basic quiz we worked on and I want to now step-by-step make sure that this looks good on different
device sizes, that we maybe also learn how we can switch around the layout based on the space we have
available and I of course also want to make sure that we maybe also have some different looks based on
the platform we're running on.