Ui: Unrecognized font family 'Rubik-Regular'

[pavinthan]

react-native-cli: 2.0.1
react-native: 0.52.0

"@shoutem/ui": "^0.23.4",

I already run react-native link but still, I get Unrecognized font family 'Rubik-Regular'

[kraisorns]

I got into this issue too but just restart server and it should work fine.

[devomacdee]

This was broken for me too, restarting the server did nothing. Also none of the previous fixes worked. Just a good reason not to use this lib.

[alainpatrick]

You might need to load the fonts when your app starts.
Check this example out:
https://github.com/shoutem/ui/blob/develop/examples/create-react-native-app/App.js

Please let me know if it solves your problem.

[ArronJLinton]

@alainpatrick I followed that link, but that would require running this as an expo app. Any idea how to get rid of this error without importing any expo dependencies ? I initiazed the project by running react-native init rather than create-react-native-app

[alainpatrick]

• one option is to create your app using expo, then detach it: https://docs.expo.io/versions/latest/expokit/detach
• the other could be to use a library like this one:
  https://github.com/eVisit/react-native-dynamic-fonts
  I haven't used it, experiment with it
• last option would be to go through this tutorial and adapt it:
  https://medium.com/react-native-training/react-native-custom-fonts-ccc9aacf9e5e

Hope this helps.

[motogod]

I restart server is no working but when i try to type command react-native link and run ios then its working.

[Salil999]

This is still an issue. I'm saddened as the UI components in this library really look pretty.

[ThadeusAjayi]

Something obviously went wrong with react native link in the case where you have run the code.
If all else fails, that is the named font in reference is not found in android assets or ios resources, then check font folder in shoutem ui node_modules copy the fonts to your assets in android and import them into resources folder in ios, add reference to plist (under font provided by application) and the file path and ref is in copy bundle resource under Project file > build phases

[pavinthan]

Clean build folder and node_modules then link ( react-native link ) dependencies fixed the issue.

Thanks for your support guys 🙏