question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

font ionicons not found Expo SDK36 with NativeBase 2.13.8 and expo-font 8.1.0

See original GitHub issue

I have gone through these following points

Issue Description

node, npm, react-native, react and native-base version, expo version if used, xcode version

node: v13.9.0 npm: 6.14.4 react-native: 0.61.5 native-base: 2.13.8 expo: 36.0.0

Expected behaviour

Actual behaviour

Hello guys,

I’m facing an issue with expo and native-base: fontFamily "ionicons" is not a system font and has not been loaded through Font.loadAsync. Do you have any solutions about this problem? I’ve already followed instructions to install native-base

Thanks

Steps to reproduce

Capture d’écran 2020-03-27 à 20 03 14

Is the bug present in both iOS and Android or in any one of them?

Android and iOS

Any other additional info which would help us debug the issue quicker.

###Important

If you want your issue to be looked at quicker, attach a snack reproducible with your issue. Makes it easier for us!

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
celandrocommented, Mar 28, 2020

Same issue after running expo upgrade from version 35 to version 36

node: v12.6.0 npm: 6.9.0 react-native: https://github.com/expo/react-native/archive/sdk-36.0.1.tar.gz native-base: 2.13.8 expo: 36.0.2 expo-font: 8.0.0

  let fonts = {
    Roboto: require('native-base/Fonts/Roboto.ttf'),
    Roboto_medium: require('native-base/Fonts/Roboto_medium.ttf'),
    ...Ionicons.font,
    ...FontAwesome.font,
    ...FontAwesome5.font
  };
  await Font.loadAsync(fonts);

  console.log(`${_.keys(fonts).length} Fonts Loaded`)

Prints out 8 Fonts Loaded

Edit: found a solution from https://github.com/expo/expo/issues/5507 Need to install expo-font dependency and run rm -rf ./node_modules/expo/node_modules/expo-font/

0reactions
stale[bot]commented, Dec 21, 2020

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Struggling to set up nativebase in a React Expo project
We can run the below command with Expo. npm i --save-exact native-base@2.13.8. Still this version is not available, but its working, ...
Read more >
2.13.8 - native-base - npm
NativeBase uses some custom fonts that can be loaded using Font.loadAsync. Check out the Expo Font documentation. Install Expo Fonts: expo ...
Read more >
unrecognized font family ionicons react native ios - You.com
I am getting this error: Unrecognized font family ionicons also checked by Xcode, the fonts are already in the build phase. What am...
Read more >
Icon - NativeBase
NativeBase 3.0 lets you build consistently across android, iOS & web. It is inspired by the Styled System and is accessible, highly themeable, ......
Read more >
NativeBase - Suprabha's Blog
await Expo.Font.loadAsync({. Roboto: require("native-base/Fonts/Roboto.ttf"),. Roboto_medium: require("native-base/Fonts/Roboto_medium.ttf"),. Ionicons: ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found