/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

3 votes132 views3 answers
React portals
Javascript React
5 votes186 views2 answers
Add object in array state react
Javascript React
0 vote140 views1 answer
React bootstrap carousel caption placement top
Javascript React
-2 votes128 views1 answer
React native generate signed apk getting older version
Javascript React
6 votes137 views2 answers
Reactjs .map is not a function
Javascript React
18 votes136 views6 answers
React native create apk
Javascript React
22 votes152 views4 answers
Copy text to clipboard reactjs
Javascript React
12 votes139 views2 answers
How to integrate redux dev tool to react application
Javascript React
0 vote157 views2 answers
React material ui
Javascript React
0 vote171 views1 answer
React open url with button
Javascript React