Download and unzip a font of your choice in any location on your machine.Inside the assets folder, create a fonts folder.Run expo start the result should look like this :ģ- Download a Font and add it to the project. To keep this article short, i will skip the how-to-create-and-import-export-your-components section, and head over to the adding the Font.Īt this point, your files should look like this : App.jsĮnter fullscreen mode Exit fullscreen mode While the installation is running, let’s open the project and add some boilerplate.ģ- Create the screens and display some text Npm i react-navigation react-navigation-stack react-navigation-gesture-handler Run the following to install react-navigation dependencies: Using expo-cli: expo init test-custom-font

Using npx: npx expo-cli init test-custom-font Head over to a directory of your choice and run :

Wire up the newly added font and use it in the project.

Import and use loadAsync helper from Expo.

Download a Font and add it to the project.Create 2 screens and display some dummy text.Install and import react-navigation, react-navigation-stack modules.Generate a new test project with Expo-CLI.To achieve our goal, we will take the following steps :

Expo how to download react navigation