Global style
Let's ensure consistency in our app's style by making a global style in our styles directory that contains all design tokens
. Use a ThemeProvider
to make your style accessible throughout your app and make the necessary adjustments in your styled.ts
files.
Custom font
We also want to use a custom font in our app. Read how to do this here.
Aside from the peculiarities mentioned in the article above, you should note that Android
is not compatible with font-weight
. This won't have any implications for our app at the moment, but it's good to keep in mind that to use different weights, you will have to have all the corresponding fonts in your assets
folder and use them directly as font-family
and leave out the weight (i.e. font-family: "Cool Font Bold";
and no font weight specified, instead of font-family: "Cool Font Family";, font-weight: "600";
).