Ui: Unrecognized font family 'Rubik-Regular'

[oliwerhelsen]

Reffering to issue #95 . Still not working.

[hwkongsgaard]

Same here

[hwkongsgaard]

Also the same problem with react native 0.41

[roslaneshellanoo]

Same here

[rsekulic1]

@oliwerhelsen @hwkongsgaard @roslaneshellanoo We're currently working on a fix for this issue. We will release a new version of @shoutem/ui hopefully next week with the fix included.

[oliwerhelsen]

Thanks @rsekulic1 !

[rozenstein94]

@rsekulic1 it's enough to update packages.js with newer versions of linear gradient library and vector icons one

[alland67]

Same problem here.

[bluetidepro]

Having the same issue, hopefully a fix can come quickly! :)

[Connorelsea]

Not working for me here. Cannot use this library

[mraaroncruz]

Thanks to @rozenshtein, I got this to work by running this in the project's root:

npm i -S react-native-vector-icons
npm i -S react-native-linear-gradient
# I don't know if this is necessary but I ran it anyway
react-native link

react-native run-ios

And it loaded with no errors.

[benjick]

Is this what we're waiting for? #161

[csbun]

Thanks @pferdefleisch , this fixed!

yarn add react-native-vector-icons
yarn add react-native-linear-gradient

Or using npm i -S;

[Swizec]

o/

Still not working out of the box. Maybe adding the dependencies that @csbun and @pferdefleisch mentioned would be a quick fix?

Installing them worked for me, too. I use react-native install, though.

[juanmnl]

Hello! ––Really want to use this component library––

I started a couple of projects yesterday, one with CRNA and the normal RN init method.

I've been getting 3-types of errors with @shoutem/ui while working out of the box with Native-Base and RN-Elements.

---

When I execute yarn add @shoutem/uiand call it from the app, I get:

Then I yarn add @expo/vector-icons –to get rid of this error– but i get a new one:
(the one described in this issue ticket)

I've tried everything in every github thread, including this one, without success.
Even tried to import the Fonts with this method without luck.
As soon as i import {Font} from exponent, i get this:

Thanks for your help!

😄

macOS Sierra 10.12.13 
node v7.7.2
npm 4.4.2
yarn v0.21.3
react-native-cli: 1.3.0
react-native: 0.41.2

[SoHotSoup]

Fixed with latest release v0.12.0

[ilarumk]

i have v0.12.0 still same issue,
Do i need to do this ?

If this is a custom font, be sure to load it with Exponent.Font.loadAsync.

[guofoo]

I've found a workaround, where you replace the current component from @shoutem in your code and instead use one of the icon sets from @expo/vector-icons, such as

[Samueljoli]

This did the issue for me. Hopefully this helps someone.
https://github.com/oblador/react-native-vector-icons/issues/461

[wlinglinux]

fontFamily 'Rubik-Regular' is not a system font and has not been loaded through Expo.Font.loadAsync.

• If you intended to use a system font, make sure you typed the name correctly andthat it is supported by your device operating system.

• If this is a custom font, be sure to load it with Expo.Font.loadAsync.

• node_modules/expo/src/Font.js:34:10 in processFontFamily
• ... 21 more stack frames from framework internals

[navotera]

I try above method, restart the emulator and turn off and on the expo terminal bu no luck using the "@shoutem/ui": "^0.23.4",

get this message on expo :
8:52:36 PM: fontFamily 'Rubik-Regular' is not a system font and has not been loaded through Expo.Font.loadAsync.

• If you intended to use a system font, make sure you typed the name correctly and that it is supported by your device operating system.

• If this is a custom font, be sure to load it with Expo.Font.loadAsync.

• node_modules/expo/src/Font.js:34:10 in processFontFamily
• node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:3372:38 in diffProperties
• ... 30 more stack frames from framework internals

[Definitely-Not-Vlad]

Hey guys.

If you're using expo, you have to load custom fonts asynchronously, as is shown in our example create-react-native-app, here.

If you're using regular react-native init, make sure you've successfully linked the package.

Why all this? Because fonts are loaded into the binary of the app, meaning any package with a font is considered a package with native dependencies.

[navotera]

Thanks mr @Vladimir-Vdovic it works now seem like this problem would be disaster for noobs such as me.. hehe