React-native-vector-icons: Feather icons showing wrong Icons

Created on 16 Sep 2020  路  8Comments  路  Source: oblador/react-native-vector-icons

Environment

Android 10
react-native-vector-icons: 7.1.0
react-native: 0.63.2

Description

Describe your issue in detail. Include screenshots if needed.

Wrong Icons are displayed for every icon i'm using Please fix this my app is crashing and i need to give an update. :P
Before it used to show this : https://imgur.com/a/3MEtbd8
Now its showing this : https://imgur.com/a/oZMZBtE

Reproducible Demo

Let us know how to reproduce the issue. Include a code sample, share a project, or share an app that reproduces the issue using https://snack.expo.io/. Please follow the guidelines for providing a MCVE: https://stackoverflow.com/help/mcve

Most helpful comment

I have the same issues... Shows well on IOS but shows something else on Android
Image from iOS
Image from Android

All 8 comments

I have the same issues... Shows well on IOS but shows something else on Android
Image from iOS
Image from Android

The same issue

Fix

  • go to package.json and change react-native-vector-icons : "version-number" to the latest one - currently (7.1.0)
    -delete node_modules folder and package-lock.json
  • then npm install or yarn
  • cd android && gradlew clean && cd ..
  • react-native run-android

Fix

  • go to package.json and change react-native-vector-icons : "version-number" to the latest one - currently (7.1.0)
    -delete node_modules folder and package-lock.json
  • then npm install or yarn
  • cd android && gradlew clean && cd ..
  • react-native run-android

sadly not works! still, appear [X] icon
and when I copy the Fonts folder to android, [X] gone but Feather gives wrong icon

same here with v7.1.0

I found this :
https://github.com/oblador/react-native-vector-icons#wrong-icons-are-shown-after-upgrading-this-package

Hi guys I've the same problem here with the latest icons of MaterialIcons ...
coronavirus and calendar-today are not working, but they were integrated in the last version (7.1.0) and I've this message appearing :
Warning: Failed prop type: Invalid propnameof valuecalendar-todaysupplied toIcon, expected one of ["3d-rotation","ac-unit", ...] while I'm seeing it in the definition of the source file MaterialIcons.js :(
Anyone got a solution ?

I had the same problem. It's related to manually linking vs autolink

Details on autolinking

Solution:
npx react-native unlink react-native-vector-icons
npm run android

Was this page helpful?
0 / 5 - 0 ratings