iOS: processColor is not a function

[benbellheron]

When trying to load an icon I get this error:

processColor is not a function. (In 'processColor(color)', 'processColor' is undefined)

SMXIconImage_render SMXIconImage.ios.js:64

React-native version 0.11.4 react-native-icons version 0.5.1

'use strict';

var React = require('react-native');
var { Icon, } = require('react-native-icons');
var {
  StyleSheet,
} = React;

var styles = StyleSheet.create({
  twitterOutline: {
    flexDirection: 'column',
    width: 70,
    height: 70,
    alignItems: 'center'
  },
  twitterIcon: {
    flex: 1,
    width: 40,
    height: 40
  },
});

class AwesomeProject extends React.Component {
  render(){
    return(
        <Icon
      name='fontawesome|square'
      size={80}
      color='#55acee'
      style={styles.twitterOutline}>
      <Icon
        name='fontawesome|twitter'
        size={50}
        color='#ffffff'
        style={styles.twitterIcon}/>
      </Icon>
    );
  }
}

React.AppRegistry.registerComponent('AwesomeProject',
  function() { return AwesomeProject });

[corymsmith]

You'll have to use 0.4.0 for RN 0.11.4, processColor was added after that

Thanks,

Cory Smith http://ca.linkedin.com/in/corysmith/ http:/twitter.com/smixx http://twitter.com/smixx

On Thu, Oct 8, 2015 at 12:35 PM, benbellheron notifications@github.com wrote:

When trying to load an icon I get this error:

processColor is not a function. (In 'processColor(color)', 'processColor' is undefined)

SMXIconImage_render SMXIconImage.ios.js:64

React-native version 0.11.4 react-native-icons version 0.5.1

'use strict'; var React = require('react-native');var { Icon, } = require('react-native-icons');var { StyleSheet, } = React; var styles = StyleSheet.create({ twitterOutline: { flexDirection: 'column', width: 70, height: 70, alignItems: 'center' }, twitterIcon: { flex: 1, width: 40, height: 40 }, }); class AwesomeProject extends React.Component { render(){ return( <Icon name='fontawesome|square' size={80} color='#55acee' style={styles.twitterOutline}> <Icon name='fontawesome|twitter' size={50} color='#ffffff' style={styles.twitterIcon}/> ); } }

React.AppRegistry.registerComponent('AwesomeProject', function() { return AwesomeProject });

— Reply to this email directly or view it on GitHub https://github.com/corymsmith/react-native-icons/issues/112.

[benbellheron]

Oh sorry, thought I was using latest react. I'm new to this javascript mobile dev stuff.