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.

Icon showing asian character rather than correct character

See original GitHub issue

Before filling out an issue, be sure to check the version of react-native-elements you are using and the docs for that version over here.

Explain what you did I created an icon element and used it in my component.

Expected behaviour Icon should show correctly

Describe the bug Ok, so I’m only seeing this in production, but when I create an Icon like so:

        <Icon
          name='x'
          type='feather'
          size={30}
          color='black'
          containerStyle={{ alignSelf: 'flex-start' }}
        />

a few users have been reporting that they’re seeing the icon character below. This should just be a simple ‘x’. I’m not seeing on my phone, and so far I’ve only heard about it from Android users.

To Reproduce I have no way to reproduce this… Not sure how to see what’s happening in production.

Possible Solution Can you suggest a possible fix that would address this issue?

Screenshots Inked-249322510171204555_LI

Your Environment (please complete the following information):

software version
react-native-elements 1.1.0
react-native .0.60.4
npm or yarn 6.5.0-next.0

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:3
  • Comments:9

github_iconTop GitHub Comments

7reactions
daniel-guggenheimcommented, Oct 4, 2019

I had this error with all icons after starting a new project with React-Native 0.61.1 and react-native-elements 1.2.5.

I discovered that to finish the installation of react-native-vector-icons for android you need to link it manually (react-native-vector-icons doc).

Modifying the file android/app/build.gradle and adding the following line at the end solved the problem for me :

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
1reaction
phuhlcommented, Nov 18, 2019

We are expecting this issue while using Expo. Unfortunately we cannot manually link while using Expo. We did update certain dependencies recently and are now using:

  • “expo-asset”: “^7.0.0”,
  • “expo-cli”: “^2.20.0”,
  • “expo-cli”: “3.4.1”,
  • “expo-constants”: “~5.0.1”,
  • “expo-constants”: “~7.0.0”,
  • “expo-font”: “~5.0.1”,
  • “expo-font”: “~7.0.0”,
  • “expo-localization”: “~7.0.0”,
  • “react”: “16.8.3”,
  • “react-dom”: “16.8.3”,
  • “react-native”: “https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz”,

Any updates on this? It is currently stopping us from updating our production app.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Unknown Icon with Asian characters on Task bar
I Keep getting an icon or widget in the hidden icons on my taskbar that displays no identifier other than asian characters.
Read more >
Chinese symbols instead of icons on LG TV : r/youtubetv
As the title states, since this weekend I have been getting Chinese symbols instead of the normal icons in YTTV. Play, pause, CC,...
Read more >
Font awesome showing asian signs instead of icons
Using fontawesone 5.15.1 I had to do this to get the Linux icon to show up: ... IMPORTANT: using "fab" instead of "fa"...
Read more >
Icons in User Interface Showing as Chinese Characters
In Internet Explorer 11 on Windows 10, icons in the user interface are missing or showing as Chinese characters. This issue occurs when...
Read more >
Icons in Icon Box are Chinese Characters - Support - Kriesi.at
... the icons in my iconbox are showing up as Chinese characters. I haven't done any thing to the website other than make...
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