Icons not showing in distributed App APK/IPA

Expo SDK
1

Hi,

I’m using vector icons as described here (expo sdk 33):

https://docs.expo.io/versions/v33.0.0/guides/icons/

When using the Expo Client (local/dev and also published version), the icons show up no problem. But in the Standalone app from Google PlayStore the icons are not showing. Thought maybe it helps to preload the fonts as described in the docs, but no luck either.
The Project also includes ‘native base’, same issue here. I already deleted node_modules and run npm install.
Any suggestions on what else could be missing here?

Thanks!

image
image540×960 114 KB

1 Like
2

@juandicrew can you send me your package.json.

did you load the icons in when app load(in app.js)?

3

I’m having same problem after updating from sdk from 33 to 34.

{
  "name": "tic",
  "version": "2.2.0",
  "description": "Hello Expo!",
  "author": "test",
  "private": true,
  "main": "node_modules/expo/AppEntry.js",
  "dependencies": {
    "expo": "^34.0.1",
    "expo-asset": "^6.0.0",
    "expo-constants": "^6.0.0",
    "expo-font": "^6.0.0",
    "expo-permissions": "^6.0.0",
    "moment": "^2.22.2",
    "moment-timezone": "^0.5.23",
    "react": "16.8.3",
    "react-moment": "^0.7.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-34.0.0.tar.gz",
    "react-native-iphone-x-helper": "^1.2.0",
    "react-native-svg": "^9.5.1",
    "react-native-swipeable": "^0.6.0",
    "react-navigation": "^2.18.2",
    "sentry-expo": "^1.13.0"
  },
  "devDependencies": {
    "babel-plugin-transform-remove-console": "^6.9.4"
  },
  "scripts": {
    "release:prod:android": "expo build:android --release-channel prod"
  }
}
4

@jakelisby For Your information , SDK 34 is not released till now.

and load font or icon in app.js that you are using in your app.

 async componentWillMount() {
    await Expo.Font.loadAsync({
      'Roboto': require('native-base/Fonts/Roboto.ttf'),
      'Roboto_medium': require('native-base/Fonts/Roboto_medium.ttf'),
      'MaterialIcons': require('native-base/Fonts/MaterialIcons.ttf'),
    });
   
    }
5

Any solutions to this? I’m using Ionicons (imported from expo/vector-icons) and they’re not showing up on iOS when the app is built standalone. Instead, they show up as question marks. The problem only started when I updated from SDK 33 to 34 last night.

1 Like
6

Same issue here on iOS. On android the icons work fine.

8

this issue is fixed in the latest version of expo.

9

Oh great! How’d you find out?

Edit: found it - Font.loadAsync not working after sdk 34 update. · Issue #5100 · expo/expo · GitHub

10

This topic was automatically closed 20 days after the last reply. New replies are no longer allowed.