Icons are not rendering

[mrcasals]

This is a screenshot of an avatar:

This is what I'm using to render it:

      <Avatar
        icon={'face'}
        backgroundColor={this.getBackgroundColor()}
      />

I've made sure I copied the correct font file and restarted the package, but it still doen't load. Any idea?

Thanks!

[Ehesp]

Hmm strange, try a few others... Potentially the icon package might be out
of date and not have some newer ones.
On 18 Dec 2015 17:16, "Marc Riera" notifications@github.com wrote:

This is a screenshot of an avatar:

https://camo.githubusercontent.com/43611032cb80f83237dc7ae33daa11e1dcad80df/68747470733a2f2f692e696d6775722e636f6d2f346530787364622e706e67

This is what I'm using to render it:

  <Avatar
    icon={'face'}
    backgroundColor={this.getBackgroundColor()}
  />

I've made sure I copied the correct font file and restarted the package,
but it still doen't load. Any idea?

Thanks!

—
Reply to this email directly or view it on GitHub
#3
.

[mrcasals]

If I enter a random string, the warning shows a list of all available
icons. "face" is there :/

On Fri, Dec 18, 2015 at 5:42 PM Elliot Hesp notifications@github.com
wrote:

Hmm strange, try a few others... Potentially the icon package might be out
of date and not have some newer ones.
On 18 Dec 2015 17:16, "Marc Riera" notifications@github.com wrote:

This is a screenshot of an avatar:

<
https://camo.githubusercontent.com/43611032cb80f83237dc7ae33daa11e1dcad80df/68747470733a2f2f692e696d6775722e636f6d2f346530787364622e706e67

This is what I'm using to render it:

<Avatar
icon={'face'}
backgroundColor={this.getBackgroundColor()}
/>

I've made sure I copied the correct font file and restarted the package,
but it still doen't load. Any idea?

Thanks!

—
Reply to this email directly or view it on GitHub
<
#3

.

—
Reply to this email directly or view it on GitHub
#3 (comment)
.

Marc Riera

[Ehesp]

Hmm okay, which version of react native are you running? If you check in the build.gradle file in the android dir it'll tell you the exact version.

[mrcasals]

Oh, it looks like I missed fixing this file when upgrading to RN 0.16,
sorry. Will check if this is the source of the bug.

On Fri, Dec 18, 2015 at 5:49 PM Elliot Hesp notifications@github.com
wrote:

Hmm okay, which version of react native are you running? If you check in
the build.gradle file in the android dir it'll tell you the exact version.

—
Reply to this email directly or view it on GitHub
#3 (comment)
.

Marc Riera

[Ehesp]

Yeah 0.16 introduced auto font loading, also make sure the directory is called 'fonts' (note all lower case) too.

[mrcasals]

Hi, I rechecked it and I'm really using the correct RN version in the build.gradle file:

compile "com.facebook.react:react-native:0.16.+"

[Ehesp]

Strange then. If you head over to
https://github.com/oblador/react-native-vector-icons try running through
the installation guide on there, it should be getting loaded in for you.
On 19 Dec 2015 12:45, "Marc Riera" notifications@github.com wrote:

Hi, I rechecked it and I'm really using the correct RN version in the
build.gradle file:

compile "com.facebook.react:react-native:0.16.+"

—
Reply to this email directly or view it on GitHub
#3 (comment)
.

[dgilperez]

I'm having the same problem. Same version of RN and latest version of react-native-vector-icons. I followed up the installation guide a couple of times, no success. @mrcasals did you solve the issue?

[Ehesp]

Okay I'll look at this tomorrow - I've got it working myself so hopefully something simple.

[Ehesp]

Icons work here on both 0.16 & 0.17... However I did upgrade the vector icons package (https://github.com/oblador/react-native-vector-icons/releases/tag/v1.0.3). Maybe that was causing the problem. The latest release (0.2.1) has this in it, so if you could give that a go, ta.

[bozzmob]

Considering its fixed post 0.2.1, will be closing this issue.

[xotahal]

Have anyone problem with this?

My versions:
react-native-material-design: 0.3.2
react-native-vector-icons: 1.2.0

I copied fonts and tried the instal react-native-vector-icons - no success