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.

React native vector icons linking

See original GitHub issue

Is your feature request related to a problem? Please describe. React native vector icons is one of the few libraries that isn’t linking automatically. I followed the instructions using CocoaPods option and got the following error after run the app:

error React Native CLI uses autolinking for native dependencies, but the following modules are linked manually: react-native-vector-icons (to unlink run: “react-native unlink react-native-vector-icons”) This is likely happening when upgrading React Native from below 0.60 to 0.60 or above. Going forward, you can unlink this dependency via “react-native unlink <dependency>” and it will be included in your app automatically. If a library isn’t compatible with autolinking, disregard this message and notify the library maintainers.

I was just expecting this if I followed the react native link option.

Describe the solution you’d like Autolinking. The current solution seems to link but then I need to unlink 🤷‍♂️

Additional context I’ve ran react-native unlink react-native-vector-icons and the line that I added on my Podfile got deleted. After that, the app still runs.

pod ‘RNVectorIcons’, :path => ‘…/node_modules/react-native-vector-icons’

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:9
  • Comments:44

github_iconTop GitHub Comments

12reactions
IvanMtz97commented, Dec 16, 2020

I have solved this instead of unlinking the package removing all the .ttf resources from Build Phases -> Copy Bundle Resources and then running the application.

8reactions
sangameshrentlycommented, Jun 5, 2020

Run below commands to solve this issue. npx react-native link npx react-native unlink react-native-vector-icons

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to use React Native vector icons? - Stack Overflow
First, make sure you're saving the dependency in your project by doing: npm install react-native-vector-icons --save .
Read more >
Example to Use React Native Vector Icons
1. Create a fonts directory in ios and copy all the font files from node_modules/react-native-vector-icons/Fonts into it · 2. Now open the project...
Read more >
react-native-vector-icons - npm
Browse to node_modules/react-native-vector-icons and drag the folder Fonts (or just the ones you want) to your project in Xcode. Make sure your ...
Read more >
React Native Vector Icons - iOS And Android Setup - YouTube
Title: React Native Vector Icons - iOS And Android SetupCode Big ...
Read more >
react-native-vector-icons: Icons and fonts for React Native apps
Set up a React Native project with TypeScript, configure react-native-vector-icons, and link custom fonts with no native code.
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