ksti / react-native-star-rating-view Goto Github PK

The component prints a lot of things to the console. Would be nicer to remove those, or add a "verbose" / "debug" prop to the component :)

Thanks a lot for the package :)
I think the "dontShowScore" should be shown in the example, it is very useful to be able to disable it

I'd love the ability to be able to run callbacks that trigger based on user's touch.. For example, for the onPressIn and onPressOut events, I'm trying to dynamically render a rating display UI Component based on when the user is actively rating / touching the component or not.. Unfortunately I can't do that with the current API it seems and wrapping it in a TouchableOpacity or other touch sensing component (TouchableWithoutFeedback), makes the component behave as if it were readonly..

My initial guess / intuition is that it looks like the highest level TouchableOpacity takes precedence over the lower ones.. Is there a way to insert a call back for those properties here that I'm missing, and if not, would it be difficult to pass down a callback into whatever component is capable of handling onPress events?

What I'm attempting to do:

  <TouchableOpacity
          activeOpacity={1}
          onPressIn={() => setActivelyRating(true)}
          onPressOut={() => setActivelyRating(false)}
        >
          <StarRatingBar
            testID={testID}
            starStyle={getStarStyles({ disabled, size, customSizes })}
            readOnly={false}
            dontShowScore
            spacing={10}
            valueToFix={1} // accuracy of decimals
            continuous
            score={+rating}
            allowsHalfStars
            accurateHalfStars
            tintColor={getTintColor({ disabled })}
            onStarValueChanged={val => handleStarChange(val)}
            scoreTextStyle={getRatingTextStyle({ disabled, size })}
          />
</TouchableOpacity>

I am facing this issue when I implement this component within a flatlist.

The image above shows the incorrect rating of the star. Any solution to solve this issue?

ReactNativeJS: undefined is not an object (evaluating '_react3.default.PropTypes.bool')

If it's need back compatibality:
https://github.com/react-community/react-native-maps/pull/1474/files

It would be fantastic if we could disable the logs in the console (even in debug / developer mode ).. I see someone has mentioned this in the past and they're enabled only in debug mode but I would still love to be able to turn those off and only turn them on when I need to debug..
Not a huge deal since I can just namespace the console logs I want to see, but it'd be a nice to have for sure...

Thanks for this library.

I have a problem when using StarRatingView. When the component first renders the stars are not filling even when the score or value is set. Also when value is set and i swipe the stars, the first star is not filling with colour. Here is my code

`<StarRatingView
starStyle = {{
width : 50,
height : 50
}}
readOnly = { false }
//dontShowScore = { true } // true: not show the score text view
continuous = { true }
//score = { rating }
allowsHalfStars = { true }
accurateHalfStars = { true }
//maximumValue = { 5 }
//minimumValue = { 0 }
//spacing = { 10 }
value = { rating }
onStarValueChanged = {(changedScore) => ratingCompleted(changedScore, "qualityofservicerating") }
/>`

Can you please look into this issue. Thanks.

Thanks for library.

Can i pass custom icon from react-native-vector-icons?