/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

1 vote221 views1 answer
Google font in react native
Javascript React
1 vote226 views2 answers
React datepicker documentation
Javascript React
1 vote231 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React
0 vote225 views1 answer
React scrip for deplot heroku
Javascript React
12 votes227 views2 answers
How to integrate redux dev tool to react application
Javascript React
19 votes233 views6 answers
React native build android apk
Javascript React
0 vote219 views1 answer
React-google-invisible-recaptcha
Javascript React
0 vote223 views1 answer
React hooks, react custom hooks
Javascript React
0 vote163 views1 answer
How to make a textarea unwritable in react native
Javascript React
2 votes221 views3 answers
Cdn react
Javascript React