A React Native component for generating and displaying interactive star ratings

Overview

npm version

NPM

React Native Star Rating Component

A React Native component for generating and displaying interactive star ratings. Compatible with both iOS and Android.

Table of Contents

  1. Installation
  2. Usage
  3. Props
  4. General Star Example
  5. Custom Star Example
  6. Roadmap
  7. Contributing

Installation

  1. install react-native-star-rating and its dependeices
npm install react-native-star-rating --save

or

yarn add react-native-star-rating
  1. link react-native-vector-icons
    please refer to react-native-vector-icons installation guide

Usage

Props

Prop Type Description Required Default
activeOpacity number Number between 0 a 1 to determine the opacity of the button. No 0.2
animation string Add an animation to the stars when upon selection. Refer to react-native-animatable for the different animation types. No undefined
buttonStyle ViewPropTypes.style Style of the button containing the star. No {}
containerStyle ViewPropTypes.style Style of the element containing the star rating component. No {}
disabled bool Sets the interactivity of the star buttons. No false
emptyStar string or image object The name of the icon to represent an empty star. Refer to react-native-vector-icons. Also can be a image object, both {uri:xxx.xxx} and require('xx/xx/xx.xxx'). No star-o
emptyStarColor string Color of an empty star. No gray
fullStar string or image object The name of the icon to represent a full star. Refer to react-native-vector-icons. Also can be a image object, both {uri:xxx.xxx} and require('xx/xx/xx.xxx'). No star
fullStarColor string Color of a filled star. No black
halfStar string or image object The name of the icon to represent an half star. Refer to react-native-vector-icons. Also can be a image object, both {uri:xxx.xxx} and require('xx/xx/xx.xxx'). No star-half-o
halfStarColor string Color of a half-filled star. Defaults to fullStarColor. No undefined
halfStarEnabled bool Sets ability to select half stars No false
iconSet string The name of the icon set the star image belongs to. Refer to react-native-vector-icons. No FontAwesome
maxStars number The maximum number of stars possible. No 5
rating number The current rating to show. No 0
reversed bool Renders stars from right to left No false
selectedStar function A function to handle star button presses. Yes () => {}
starSize number Size of the star. No 40
starStyle ViewPropTypes.style Style to apply to the star. No {}

For the emptyStar, fullStar, halfStar, and iconSet props, please refer to the react-native-vector-icons package for the valid string names for the star icons. When selecting the icon string names, you must remember to remove the font family name before the first hyphen. For example, if you want to use the ion-ios-star from the Ionicon font set, you would set the fullStar prop to ios-star and the iconSet to Ionicons.

For the animation prop, please refer to the react-native-animatable package for valid string names for the different animations available.

General Star Example

The following example will render 3.5 stars out of 5 stars using the star-o for the empty star icon, star-half-o for the half star icon, and star for the full star icon from the FontAwesome icon set in black color.

import StarRating from 'react-native-star-rating';

class GeneralStarExample extends Component {

  constructor(props) {
    super(props);
    this.state = {
      starCount: 3.5
    };
  }

  onStarRatingPress(rating) {
    this.setState({
      starCount: rating
    });
  }

  render() {
    return (
      <StarRating
        disabled={false}
        maxStars={5}
        rating={this.state.starCount}
        selectedStar={(rating) => this.onStarRatingPress(rating)}
      />
    );
  }
}

export default GeneralStarExample

General Star Example

Custom Star Case

The following example will render 2.5 stars out of 7 stars using the ios-star-outline for the empty star icon, ios-star-half for the half star icon, and ios-star for the full star icon from the Ionicons icon set in red color.

import StarRating from 'react-native-star-rating';

class CustomStarExample extends Component {

  constructor(props) {
    super(props);
    this.state = {
      starCount: 2.5
    };
  }

  onStarRatingPress(rating) {
    this.setState({
      starCount: rating
    });
  }

  render() {
    return (
      <StarRating
        disabled={false}
        emptyStar={'ios-star-outline'}
        fullStar={'ios-star'}
        halfStar={'ios-star-half'}
        iconSet={'Ionicons'}
        maxStars={7}
        rating={this.state.starCount}
        selectedStar={(rating) => this.onStarRatingPress(rating)}
        fullStarColor={'red'}
      />
    );
  }
}

export default CustomStarExample

Custom Star Example

Running the ExampleApp (WIP)

Navigate to the root of the ExampleApp and install the dependencies

cd ExampleApp && npm install

Run the app on the iOS simulator.

npm run ios

Development Setup (WIP)

Be sure to have create-react-native-app installed.

npm install -g create-react-native-app

Create a development app in the root folder.

create-react-native-app DevelopmentApp

Going into the development app and clone this repo.

cd DevelopmentApp && git clone https://github.com/djchie/react-native-star-rating.git

Go into the react-native-star-rating directory and start developing!

cd react-native-star-rating

Roadmap

View the project roadmap here

Contributing

See CONTRIBUTING.md for contribution guidelines.

Comments
  • Added support for disabling the space between the stars and adding extra padding (right) to each star.

    Added support for disabling the space between the stars and adding extra padding (right) to each star.

    All I did was add some conditionals to remove the space-between for the flexDirection as that wasn't working well in my app so I added a prop to disable this if needed.

    Second, I added a prop for the container style and finally I addd and optional prop type called starPadding which adds optional padding to the right of each star.

    I updated the package.json to reflect these changes in a new 1.0.9 version and the README.md has been updated too.

    Example Usage:

    <StarRating
       space={false}
       starPadding={5}
    />
    
    opened by jesster2k10 7
  • Naming collision

    Naming collision

    When I installed the lib, I had this error in my packager:

    Error building DependencyGraph:
     Error: Naming collision detected: /home/cloud/React-native/ReactProject/node_modules/react-native-star-rating/node_modules/react-native/packager/react-packager/src/DependencyResolver/polyfills/polyfills.js collides with /home/cloud/React-native/ReactProject/node_modules/react-native/packager/react-packager/src/Resolver/polyfills/polyfills.js
        at HasteMap._updateHasteMap (HasteMap.js:123:13)
        at HasteMap.js:94:28
        at tryCallOne (/home/cloud/React-native/ReactProject/node_modules/react-native/node_modules/promise/lib/core.js:37:12)
        at /home/cloud/React-native/ReactProject/node_modules/react-native/node_modules/promise/lib/core.js:123:15
        at flush (/home/cloud/React-native/ReactProject/node_modules/react-native/node_modules/promise/node_modules/asap/raw.js:50:29)
        at doNTCallback0 (node.js:419:9)
        at process._tickCallback (node.js:348:13)
    

    I tried to delete the react-native folder in the lib's node_modules but it didn't work.

    I'm using rn 0.17.

    Kind regards,

    opened by fxhereng 7
  • Star icon not displaying

    Star icon not displaying

    **Star icon not displaying instead blank screen gets displayed". Example Code as follows:

    import React from 'react-native'; var { AppRegistry, Component, View, } = React;

    import StarRating from 'react-native-star-rating';

    class CustomStarExample extends Component {

    constructor(props) { super(props); this.state = { starCount: 2.5 }; }

    onStarRatingPress(rating) { this.setState({ starCount: rating }); }

    render() { return ( <StarRating disabled={false} emptyStar={'android-star-outline'} fullStar={'android-star'} halfStar={'android-star-half'} iconSet={'Ionicons'} maxStars={5} rating={this.state.starCount} selectedStar={(rating) => this.onStarRatingPress(rating)} starColor={'yellow'} /> ); } } AppRegistry.registerComponent('AbcProject', () => CustomStarExample);

    opened by DurgaManickam 4
  • Current implementation doesn't allow Image object to be the star button.

    Current implementation doesn't allow Image object to be the star button.

    The documentation said that the star object can be an image object, but the implementation doesn't reflect that. I change the implementation to this one and it's working perfectly with the image object. Example:

    <StarRating disabled={true}
                maxStars={5}
                rating={item.rating}
                emptyStar={<Image source={require('./images/star-empty.png')} style={styles.ratingStar}/>}
                fullStar={<Image source={require('./images/star-full.png')} style={styles.ratingStar}/>}
                halfStar={<Image source={require('./images/star-half.png')} style={styles.ratingStar}/>}
              />
    
    opened by hoangpham95 3
  • StarRating.js not parsing

    StarRating.js not parsing

    Hello, for some reason StarRating.js is not parsing during compile in a standard React projet. Any ideas? Compiler message: /node_modules/react-native-star-rating/StarRating.js Module parse failed: Unexpected token (121:8) You may need an appropriate loader to handle this file type. | | const starButtonElement = ( | <StarButton | activeOpacity={0.20} | buttonStyle={buttonStyle} @ ./node_modules/react-native-star-rating/index.js 2:0-38 4:15-25 @ ./components/Stars.js @ ./app.js @ multi (webpack)-dev-server/client?http://localhost:8080 ./app

    opened by haneyman 2
  • (feat) Add icoMoonJson prop to use custom iconset with icomoon configuration json

    (feat) Add icoMoonJson prop to use custom iconset with icomoon configuration json

    This PR adds the prop icoMoonJson to the components StarButton and StarRating so that the user can pass a IcoMoon son configuration to use a custom icon set.

    usage of the prop is illustrated in the following example:

    import StarRating from 'react-native-star-rating';
    import icoMoonJson from './my-icomoon-project.json';
    
    class CustomIconSetExample extends Component {
    
      constructor(props) {
        super(props);
        this.state = {
          starCount: 2.5
        };
      }
    
      onStarRatingPress(rating) {
        this.setState({
          starCount: rating
        });
      }
    
      render() {
        return (
          <StarRating
            maxStars={5}
            icoMoonJson={icoMoonJson}
            emptyStar={'my-custom-empty-star'}
            fullStar={'my-custom-full-star'}
            rating={this.state.starCount}
            selectedStar={(rating) => this.onStarRatingPress(rating)}
          />
        );
      }
    }
    
    export default CustomIconSetExample
    
    opened by rodrigopk 2
  • Exception on transform inside renderIcon()

    Exception on transform inside renderIcon()

    config:

    "react-native": "0.47.2"
    "react-native-star-rating": "^1.0.8"
    Android 7.1.0 real device
    

    my code

    <StarRating
      disabled={false}
      maxStars={5}
      rating={this.state.rating}
      selectedStar={rating => this.setState({ rating })}
      starStyle={{paddingHorizontal: 6}}
      starSize={50}
      starColor={colors.active}
      emptyStarColor={colors.active}
      emptyStar="star-border"
      iconSet="MaterialIcons"
    />
    

    Error stack:

    TypeError: Cannot create property 'transform' on number '351'
        at update (index.js:157)
        at StarButton.renderIcon (star-button.js:76)
        at StarButton.render (star-button.js:131)
        at ReactNativeStack-dev.js:1863
        at measureLifeCyclePerf (ReactNativeStack-dev.js:1610)
        at ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext (ReactNativeStack-dev.js:1862)
        at ReactCompositeComponentWrapper._renderValidatedComponent (ReactNativeStack-dev.js:1872)
        at ReactCompositeComponentWrapper.performInitialMount (ReactNativeStack-dev.js:1696)
        at ReactCompositeComponentWrapper.mountComponent (ReactNativeStack-dev.js:1655)
        at Object.mountComponent (ReactNativeStack-dev.js:1327)
    

    UPDATE @djchie If I remove starStyle everything works, so I think the code expects a style structured in a particular way.

    opened by fabriziomoscon 2
  • starSize doesn't actually change the size of the stars

    starSize doesn't actually change the size of the stars

    I've tried numerous different values for starSize, and it doesn't seem to matter what size I specify, they are always the same.

    Can you tell me how to make the size change work?

    opened by drblmb 2
  • Uncaught Error:

    Uncaught Error: "Cannot read property 'allowFontScaling' of undefined" with react-native 0.70.0

    Hi react-native 0.68.2 - works, react-native 0.70.0 - not works,

    Uncaught Error: "Cannot read property 'allowFontScaling' of undefined"

    My using:

    import StarRating from 'react-native-star-rating'
    <StarRating disabled={true} maxStars={5} rating={reading[0] ? reading[0]._raw.user_rate : 0} fullStarColor={colors.t[15]} starSize={15} containerStyle={styles.stars} />
    

    What can I do about it? Thanks!

    opened by marvanov 1
  • Bump handlebars from 4.0.11 to 4.7.6

    Bump handlebars from 4.0.11 to 4.7.6

    Bumps handlebars from 4.0.11 to 4.7.6.

    Changelog

    Sourced from handlebars's changelog.

    v4.7.6 - April 3rd, 2020

    Chore/Housekeeping:

    Compatibility notes:

    • Restored Node.js compatibility

    Commits

    v4.7.5 - April 2nd, 2020

    Chore/Housekeeping:

    • Node.js version support has been changed to v6+ Reverted in 4.7.6

    Compatibility notes:

    • Node.js < v6 is no longer supported Reverted in 4.7.6

    Commits

    v4.7.4 - April 1st, 2020

    Chore/Housekeeping:

    Compatibility notes:

    • No incompatibilities are to be expected

    Commits

    v4.7.3 - February 5th, 2020

    Chore/Housekeeping:

    • #1644 - Download links to aws broken on handlebarsjs.com - access denied (@Tea56)
    • Fix spelling and punctuation in changelog - d78cc73

    Bugfixes:

    • Add Type Definition for Handlebars.VERSION, Fixes #1647 - 4de51fe
    • Include Type Definition for runtime.js in Package - a32d05f

    Compatibility notes:

    Commits
    Maintainer changes

    This version was pushed to npm by erisds, a new releaser for handlebars since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 1
  • Bump handlebars from 4.0.11 to 4.5.3

    Bump handlebars from 4.0.11 to 4.5.3

    Bumps handlebars from 4.0.11 to 4.5.3.

    Changelog

    Sourced from handlebars's changelog.

    v4.5.3 - November 18th, 2019

    Bugfixes:

    • fix: add "no-prototype-builtins" eslint-rule and fix all occurences - f7f05d7
    • fix: add more properties required to be enumerable - 1988878

    Chores / Build:

    • fix: use !== 0 instead of != 0 - c02b05f
    • add chai and dirty-chai and sinon, for cleaner test-assertions and spies, deprecate old assertion-methods - 93e284e, 886ba86, 0817dad, 93516a0

    Security:

    • The properties __proto__, __defineGetter__, __defineSetter__ and __lookupGetter__ have been added to the list of "properties that must be enumerable". If a property by that name is found and not enumerable on its parent, it will silently evaluate to undefined. This is done in both the compiled template and the "lookup"-helper. This will prevent new Remote-Code-Execution exploits that have been published recently.

    Compatibility notes:

    • Due to the security-fixes. The semantics of the templates using __proto__, __defineGetter__, __defineSetter__ and __lookupGetter__ in the respect that those expression now return undefined rather than their actual value from the proto.
    • The semantics have not changed in cases where the properties are enumerable, as in:
    {
      __proto__: 'some string'
    }
    
    • The change may be breaking in that respect, but we still only increase the patch-version, because the incompatible use-cases are not intended, undocumented and far less important than fixing Remote-Code-Execution exploits on existing systems.

    Commits

    v4.5.2 - November 13th, 2019

    Bugfixes

    • fix: use String(field) in lookup when checking for "constructor" - d541378
    • test: add fluent API for testing Handlebars - c2ac79c

    Compatibility notes:

    • no incompatibility are to be expected
    ... (truncated)
    Commits
    • c819c8b v4.5.3
    • 827c9d0 Update release notes
    • f7f05d7 fix: add "no-prototype-builtins" eslint-rule and fix all occurences
    • 1988878 fix: add more properties required to be enumerable
    • 886ba86 test/chore: add chai/expect and sinon to "runtime"-environment
    • 0817dad test: add sinon as global variable to eslint in the specs
    • 93516a0 test: add sinon.js for spies, deprecate current assertions
    • 93e284e chore: add chai and dirty-chai for better test assertions
    • c02b05f fix: use !== 0 instead of != 0
    • 8de121d v4.5.2
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot ignore this [patch|minor|major] version will close this PR and stop Dependabot creating any more for this minor/major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 1
  • is this repository no longer being maintained?

    is this repository no longer being maintained?

    is this repository no longer being maintained? There is a PR "updated the packages & fix the propType issue #112" opened, wich solve the warning "ViewPropTypes will be removed from React Native. Migrate to ViewPropTypes exported from 'deprecated-react-native-prop-types'." on expo sdk 45, but not merged yet, and i not see activity from djchie, and the last update is 2018. So the repository is no longer being maintained?

    opened by Wesley-Moura 0
  • Provide `iconSet` props supported values in Readme

    Provide `iconSet` props supported values in Readme

    @djchie I am using your package and it's working fine but I have an issue when I try to use FontAwesome 5 from react-native-vector-image.

    <StarRating
        disabled={false}
        halfStarEnabled
        maxStars={5}
        halfStar={'star-half-alt'}
        iconSet='FontAwesome5'
        rating={starCount}
        selectedStar={(rating) => setStarCount(rating)}
        fullStarColor={colors.yellow}
        halfStarColor={colors.yellow}
        emptyStarColor={colors.yellow}
    />
    

    I wrote like this in iconSet but it gave an error while rendering saying that Element type is invalid. So can you provide the supporting prop value for the same in Read.me

    It will be helped.

    Thank you.

    opened by skychavda 0
  • Bump tmpl from 1.0.4 to 1.0.5

    Bump tmpl from 1.0.4 to 1.0.5

    Bumps tmpl from 1.0.4 to 1.0.5.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump path-parse from 1.0.6 to 1.0.7

    Bump path-parse from 1.0.6 to 1.0.7

    Bumps path-parse from 1.0.6 to 1.0.7.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump hosted-git-info from 2.7.1 to 2.8.9

    Bump hosted-git-info from 2.7.1 to 2.8.9

    Bumps hosted-git-info from 2.7.1 to 2.8.9.

    Changelog

    Sourced from hosted-git-info's changelog.

    2.8.9 (2021-04-07)

    Bug Fixes

    2.8.8 (2020-02-29)

    Bug Fixes

    • #61 & #65 addressing issues w/ url.URL implmentation which regressed node 6 support (5038b18), closes #66

    2.8.7 (2020-02-26)

    Bug Fixes

    • Do not attempt to use url.URL when unavailable (2d0bb66), closes #61 #62
    • Do not pass scp-style URLs to the WhatWG url.URL (f2cdfcf), closes #60

    2.8.6 (2020-02-25)

    2.8.5 (2019-10-07)

    Bug Fixes

    • updated pathmatch for gitlab (e8325b5), closes #51
    • updated pathmatch for gitlab (ffe056f)

    2.8.4 (2019-08-12)

    ... (truncated)

    Commits
    • 8d4b369 chore(release): 2.8.9
    • 29adfe5 fix: backport regex fix from #76
    • afeaefd chore(release): 2.8.8
    • 5038b18 fix: #61 & #65 addressing issues w/ url.URL implmentation which regressed nod...
    • 7440afa chore(release): 2.8.7
    • 2d0bb66 fix: Do not attempt to use url.URL when unavailable
    • f2cdfcf fix: Do not pass scp-style URLs to the WhatWG url.URL
    • e1b83df chore(release): 2.8.6
    • ff259a6 Ensure passwords in hosted Git URLs are correctly escaped
    • 624fd6f chore(release): 2.8.5
    • Additional commits viewable in compare view
    Maintainer changes

    This version was pushed to npm by nlf, a new releaser for hosted-git-info since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
Owner
Derrick Chie
No, I'm not a DJ.
Derrick Chie
react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs...

react-native-app-intro react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swipe

FuYaoDe 3.2k Sep 29, 2022
react-native-swiper2 ★86 - Swiper component for React Native. Supersede react-native-swiper

react-native-swiper2 react-native-swiper is now active again, so swiper2 will stop maintaining. Changelogs [v2.0.7] correct onPageChange index. https:

Sunny Luo 84 Feb 23, 2022
react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs...

react-native-app-intro react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swipe

Shinix 62 Jul 15, 2022
React Native Higher Order Component that adds advanced caching functionality to the react native Image component.

React Native Image Cache HOC React Native Higher Order Component that adds advanced caching functionality to the react native Image component. Feature

Reid Mayo 285 Sep 26, 2022
Use the iOS and Android native Twitter and Facebook share popup with React Native https://github.com/doefler/react-native-social-share

React Native Social Share Use the built-in share view from iOS and Android to let the user share on Facebook and Twitter. It will use the user's exist

Kim Døfler 414 Aug 29, 2022
A React Native module that allows you to crop photos, built with react native Animated api and react-native-gesture-handler.

react-native-image-cropview A React Native module that allows you to crop photos, built with react native Animated api and react-native-gesture-handle

Cristian Tomescu 12 Aug 30, 2022
TouchBolocker is a React Native and React Native Web component that helps blocking the user from interacting with children components.

TouchBlocker is a React Native and React Native Web component that helps blocking the user from interacting with children components.

Youssef Eddibili 7 May 27, 2022
iOS and Android native search component for react native

react-native-search-bar iOS native search bar for react native. Installation In your react native project, run npm install react-native-search-bar --s

null 18 Jul 25, 2022
🔽 A Picker component for React Native which emulates the native select> interfaces for iOS and Android

react-native-picker-select A Picker component for React Native which emulates the native <select> interfaces for iOS and Android For iOS, by default w

LawnStarter Organization 1.5k Sep 26, 2022
A marquee label for react-native(if you use js pure marquee, use remobile/react-native-marquee[ https://github.com/remobile/react-native-marquee ])

React Native MarqueeLabel (remobile) A marquee label for react-native if you use js pure marquee, use remobile/react-native-marquee[ https://github.co

YunJiang.Fang 114 Jul 18, 2022
react-native-page-swiper ★83 - Page Swiper component for React Native.

react-native-page-swiper Page Swiper component for React Native. Getting Started Installation Basic Usage Properties Examples Development Installation

Fixt 90 Oct 7, 2021
react-native-photo-grid ★31 - React Native component that handles the complexities of building a grid of photos with a flexible number of photos per row.

react-native-photo-grid React Native component that handles the complexities of building a grid of photos with a flexible number of photos per row Ins

Christopher 35 Jul 11, 2022
Arc Slider Component for React Native using React Native SVG

React Native Arc Slider ?? Getting Started Install Install the library and react-native-svg npm i --save rn-arc-slider react-native-svg Link native co

Arpit Bhalla 26 Sep 28, 2022
VideoPlayer for the React Native Video component at react-native-video

?? react-native-media-console VideoPlayer for the React Native Video component at react-native-video. ⭐️ Features This package contains a simple set

Ovidiu Cristescu 48 Sep 29, 2022
🏀 Native bounceable effect for any React Native component. Built with Reanimated 2. Compatible with Expo.

Quick start > yarn add rn-bounceable Make sure you have react-native-reanimated and react-native-gesture-handler installed in your project. Usage impo

Batyr 31 Sep 25, 2022
React Native button component. Awesome Button is a 3D at 60fps, progress enabled, social ready, extendable, production ready component that renders an awesome animated set of UI buttons. 📱

React Native <AwesomeButton /> react-native-really-awesome-button is a performant, extendable, production ready React Native component that renders an

Rafael Caferati 1.1k Sep 24, 2022
An awesome and cross-platform React Native date picker and calendar component for iOS and Android

react-native-common-date-picker An awesome and cross-platform React Native date picker and calendar component for iOS and Android. This package is des

chenlong 86 Sep 19, 2022