Is it possible to implement Roboto Medium-500 weight font building an application using UI Kitten + React Native?

Question

I've been told by developer that only Regular 400 and Bold 700 can be implemented. Can someone please confirm this? Thanks!

Answer 1

It's possible.

Step 1. Install the font

The fastest way will be using expo-font and @expo-google-fonts/inter

https://docs.expo.dev/guides/using-custom-fonts/

BUT double-check on real devices because sometimes there are bugs like the famous 2 last characters trimmed

Step 2. Update app-mapping-theme.json

Update your ApplicationProvider customMapping props

// app-mapping-theme.json
{
  "strict": {
    "text-font-family": "roboto"
  }
}

I imported the file on my App.js like this

import { default as mapping } from "~/constants/app-mapping-theme.json";