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.

Incorrect Icons getting displayed

See original GitHub issue

n below code you can see Icon used is eye and eye-off but actually app shows cart.Similar is the case for all other ICONS in app. This issue occured after i updated react-native to 0.63 version and also i upgraded nativebase to latest verions.

`InputGroup rounded error={this.props.loginPassword.length > 0 && !this.props.loginPasswordValid} success={this.props.loginPassword.length > 0 && this.props.loginPasswordValid}>

<Input value={this.props.loginPassword} placeholder=‘Passsword’ secureTextEntry={this.props.secureTextEntry} onChangeText={(event) => this.props.handleInputChange(‘loginPassword’, event)} />

<Icon active name={this.props.secureTextEntry ? ‘eye-off’ : ‘eye’} onPress={() => this.props.toggleShowPassword()} />

</InputGroup`

Attaching screenshot of mobilescreen screenshot-1597334117899

package.json file: “native-base”: “^2.13.13”, “react”: “16.13.1”, “react-native”: “0.63.2”, “react-native-vector-icons”: “^7.0.0”

react-native-config.js module.exports = { project: { ios: {}, android: {}, }, assets: [‘./assets/fonts’, ‘./assets/icomoon’], };

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:23

github_iconTop GitHub Comments

16reactions
danghung24031992commented, Aug 21, 2020

Edit android/app/build.gradle ( NOT android/build.gradle ) and add the following: apply from: “…/…/node_modules/react-native-vector-icons/fonts.gradle” It’s fixed for me

3reactions
NKGScommented, Aug 21, 2020

Edit android/app/build.gradle ( NOT android/build.gradle ) and add the following: apply from: “…/…/node_modules/react-native-vector-icons/fonts.gradle” It’s fixed for me

Tried doing it but no luck… stills Icons are broken!!

Are you using nativebase library? If yes which version?

It will be great help if you can share these details.

Thanks in advance…

Read more comments on GitHub >

github_iconTop Results From Across the Web

Incorrect Icon being displayed for one particular app
2. Open "File Explorer", click on the View tab > click the Options button > in the "Folder Options" window, click on the...
Read more >
Wrong icons displayed in Windows 10 - Super User
Try right-clicking on the taskbar and running Task Manager. In the "Processes", under the "Windows ...
Read more >
Fix broken icons and reset icon cache in Windows 10 - Winaero
If the cache ever gets corrupted, Windows displays wrong icons. Some files in File Explorer and the Desktop can stop showing the right...
Read more >
How to Fix Broken or Missing Icons and Thumbnails in ...
If your icons are corrupted or not displaying properly, you can reset the Windows 10 icon cache to fix them. The easiest way...
Read more >
7 Quick Ways to Fix Desktop Icons not Showing on Windows 10
The explorer.exe process is important for the smooth running of your apps and processes. If it runs into a problem, your desktop icons...
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