/Javascript/React/React native star rating component

React native star rating component

import React, { useState } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import RatingModal from 'react-native-rating-modal-box';

const App = () => {

    const [isOpenRating, setOpenRating] = useState(true);

    return (
    <View style={styles.container}>
     <RatingModal
        iTunesURL="itms-apps://itunes.apple.com/app/11111"
        playMarketURL="market://details?id=com.myproject.text"
        onClose={() => setOpenRating(false)}
        visible={isOpenRating}
        ratingConfirm={selectedRating => {
          console.log('Selected rating', selectedRating);
        }}
      />
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
  },
  text: {
    fontSize: 16
  },
  wrapperCustom: {
    borderRadius: 8,
    padding: 6
  },
  logBox: {
    padding: 20,
    margin: 10,
    borderWidth: StyleSheet.hairlineWidth,
    borderColor: '#f0f0f0',
    backgroundColor: '#f9f9f9'
  }
});

export default App;

Source: nicesnippets.com

Similar codes

0 vote122 views1 answer
Error code ELIFECYCLE REACTJs
Javascript React
18 votes127 views3 answers
Add material ui to react
Javascript React
11 votes118 views3 answers
React native text ellipsis
Javascript React
61 votes120 views6 answers
Reactjs router
Javascript React
0 vote128 views1 answer
Heroku buildpacks with react
Javascript React
0 vote118 views1 answer
Nested ternaries react
Javascript React
0 vote121 views1 answer
Empty div react
Javascript React
3 votes125 views1 answer
React router yarn
Javascript React
0 vote115 views1 answer
React native fade in fade out animation
Javascript React
0 vote135 views1 answer
Blank array condition in react js
Javascript React