Comments (25)
I fix this issue like this step:
-
switch
react-native
toreact-native-cli
.
$ npm uninstall -g react-native
$ npm install -g react-native-cli
-
installing
react-native-elements
$ npm install -S react-native-elements
-
installing
react-native-vector-icons
$ npm install -S react-native-vector-icons
-
link it to project using
react-native link
$ react-native link react-native-vector-icons
-
restarting development server
$ npm start
-
rebuild project
$ react-native run-android
and that's it! I hope to help you
from react-native-elements.
@Java-Jonas You can go the repo of the icons: https://github.com/oblador/react-native-vector-icons#android here they tell you what to do to copy the fonts in the device.
from react-native-elements.
I was having a similar issue, then I realized I didn't reinstall the app after adding react-native-vector-icons. So a simple react-native run-android
fixed it for me.
from react-native-elements.
Thanks, glad you got it fixed. Quick note, I noticed that the avatar is not rendering as a circle correctly for some reason. I'm taking a look at this now and will be releasing a fix for this along with some other stuff tonight. @mtzaldo
from react-native-elements.
Yes, I just pushed the code:
https://github.com/mtzaldo/react-native-redux-example
from react-native-elements.
Hey. What version of react-native are you using? Also, did you get any errors when installing the library? Finally, did you restart the packager after installing it? Thanks.
from react-native-elements.
@Java-Jonas Any luck with this?
from react-native-elements.
my dependencies:
"dependencies": {
"react": "15.3.1",
"react-native": "0.33.0",
"react-native-elements": "^0.4.0",
"react-native-vector-icons": "^2.1.0"
}
restarted everything, still not working. no errors. :(
from react-native-elements.
I have the same issue, running an example on Android, instead of the icon it displays a square with an X ... here are my dependencies:
"dependencies": {
"isomorphic-fetch": "^2.2.1",
"react": "15.2.1",
"react-native": "0.31.0",
"react-native-elements": "^0.4.2",
"react-native-vector-icons": "^2.1.0",
"react-redux": "^4.4.5"
}
from react-native-elements.
Ok, looking into this now. @Java-Jonas Are you also having this issue on Android, or are you using iOS? cc @mtzaldo
from react-native-elements.
Any way I can see your component declarations @mtzaldo @Java-Jonas ? Thanks.
from react-native-elements.
@mtzaldo is ListItem the component that's giving you an issue with the icon?
from react-native-elements.
@dabit3 Yes, that is the one that is not displaying the right-chevron.
from react-native-elements.
from react-native-elements.
Very interesting, I'm getting it working for some reason. Are there any errors in your console?
from react-native-elements.
@dabit3 No, I think I could be my emulator. For some reason the font is not being displayed correctly. I thing the issue is not with your components.
from react-native-elements.
Have you tried using only the react-native-vector icons in your project? It sounds like it could be an issue with that library being installed correctly, as is often the case I think. @mtzaldo
from react-native-elements.
I will review the library. It is the first time I try it, maybe I need to tweak something. Thanks @dabit3
from react-native-elements.
@mtzaldo Ok cool, let me know if you have any more questions!
from react-native-elements.
@dabit3 Yes, I was missing some lines in android/app/build.gradle. The icons are now being displayed correctly. Thanks again. Great project btw!
from react-native-elements.
@mtzaldo can you explain me what exactly you did to fix this problem? i really need those icons to work! :(
from react-native-elements.
Same for me like for @raduflp... but I've reinstalled the app.
But anyway I do it again, Kill the App-Process at the emulator and restart the app. Now Icons appear.
😕
from react-native-elements.
@lai32290 working after following your instructions (y)
from react-native-elements.
@SOftEngrAtta that's cool! I'm happy for this! 😄
from react-native-elements.
Please put it in the "getting started" section.
For me helped:
Android
Option: With Gradle (recommended)
This method has the advantage of fonts being copied from this module at build time so that the fonts and JS are always in sync, making upgrades painless.Edit android/app/build.gradle ( NOT android/build.gradle ) and add the following:
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
To customize the files being copied, add the following instead:project.ext.vectoricons = [
iconFontNames: [ 'MaterialIcons.ttf', 'EvilIcons.ttf' ] // Name of the font files you want to copy
]apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
from here https://github.com/oblador/react-native-vector-icons#android
from react-native-elements.
Related Issues (20)
- import { styled } from '@rneui/themed' doesn't work HOT 2
- Feature Request - Animated Shrink Button with Loading Indicator
- Avatar ignoring resize mode on initial load HOT 18
- ButtonGroup fails on iOS Expo Dev Client HOT 1
- Feature request - Circular progress component
- The documentation sidebar is not taking the correct height on mobile screens.
- The search glass is not available in Chrome browser
- Dialog.Title does not honor Dark mode text color HOT 3
- SpeedDial cant work in web platform,cuz ``` [...new Array(React.Children.count(children))]``` will returned ```[empty × 2]``` HOT 2
- NPM version missmatch for @rneui/themed's peerDeps/devDeps HOT 1
- Unable to import styled helper HOT 1
- ref prop is not working for Button component of New React native element lib (@rneui/base & @rneui/themed) HOT 2
- Upgrade Expo version for Expo demo HOT 1
- [Feature Request] For web renders, let `Icon` and `Chip` render as `<button>` only if it needs to be clickable HOT 1
- Latest @rneui/themed has incorrect peer and dev dependency HOT 1
- SearchBar has no Cancel button on iOS HOT 3
- TextProps are extended by ListItem.Content instead of ListItem.Title
- Show default image when source load fail HOT 1
- Cannot use Button as child of Link. HOT 1
- clearIcon in SearchBar component does not theme for dark mode (still appears light)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-elements.