React-native-vector-icons: Some of the Material Community Icons don't render properly

Created on 16 Apr 2019  路  13Comments  路  Source: oblador/react-native-vector-icons

Environment

iOS 8+ and Android 6+
react-native-vector-icons v6.4.2
XCode version 10.2
Android Studio version 3.3.2
node v10.15.3
yarn 1.15.2

Description

some of the material community icons do not work.

I have used "emoticon-wink" "emoticon-nuetral" and "emoticon-poop" icons. Some of them work as expected, and the others result in arabic letters.

Example screenshot with the above usage.

image

Most helpful comment

Confirmed that this is still broken in 6.5.0. @oblador could you take a look at this? Seems like a pretty serious issue.

All 13 comments

Im seeing other related issues here, on a second look. #984 #989 #961

Haven't tested personally yet, but seeing that downgrading to 6.3.0 fixes these issues. A Downgrade should never be an option in a minor change revision in semver

Hi! I tried version 6.3.0 but continued with the same problem, showing wrong icons.
6.2.0 works!

Seems like that there is no version that really works 100%.

Outlined icons from MaterialCommunityIcons work on Android but not on iOS, e.g: camera-outline works on Android but only camera works on iOS.

@fernandofranca thanks, but i was not using *-outline icons. I was using the emoticon icons which are not denoted as such. As so, the documentation should still mention which icons are supported on which platforms. Considering they're all just bundled as fonts they should just work on both platforms without question.

Also suspect, I ended up downgrading to 4.6.0 and everything works as intended.

Is there any progress here, there's an icon we really want to use but can't because of this error?

Confirmed that this is still broken in 6.5.0. @oblador could you take a look at this? Seems like a pretty serious issue.

Same here with shield-check-outline version 6.5.0 and iOS 12.3.1.

Still an issue @oblador

@douglasjunior & @drwasho try using head before @oblador releases a new version.

Same problem with pencil-outline

Fixed after adding

apply plugin: "com.android.application"
project.ext.vectoricons = [
    iconFontNames: [ 'MaterialCommunityIcons.ttf' ] // Name of the font files you want to copy
]

in my app/build.gradle

I'm having the same problem with icons briefcase-check-outline and briefcase-clock-outline in iOS Simulator iPhone 11 (13.5) and vector icons' version: 6.6.0

Was this page helpful?
0 / 5 - 0 ratings