Feature: support for passing element instead of images.

[ritz078]

[f0rr0]

Any particular use case? @ritz078

[ritz078]

I want to use react-native-vector-icon instead of images. So I will need to pass the element.

[mxstbr]

I also need this so I can change the tintColor of the image I'm passing. I'd prefer it to be a component though, rather than an element, that leaves one with even more flexibility:

const star = require('./my-star.png');

<Rating
  selectedStar={() => <Image source={star} style={{ tintColor: 'yellow' }} />}
  unselectedStar={() => <Image source={star} style={{ tintColor: 'black' }} />}
/>

[f0rr0]

@ritz078 @mxstbr how do you propose to handle the sizing of the supplied component? Currently, the rating component accepts a starStyle prop which handles the styling. To accommodate the supplied image component, the parent view needs to be of similar dimensions.

[jeffraux]

Hi, I created a pull request for this here: PR, I simply allow the props to either be an image or an element.

Sample usage:

import Icon from 'react-native-vector-icons/FontAwesome';

<Rating
  ...
  selectedStar={<Icon name="star" size={iconSize ? iconSize : 25} color="#EFB881" />}
  unselectedStar={<Icon name="star" size={iconSize ? iconSize : 25} color="#C9C9C9" />}
/>

[f0rr0]

@jeffraux apologies for not seeing this earlier, I will get back to you on the PR by the end of this week. Currently on vacay. Thank you for taking this up