Rating

Ratings are used to collect measurable feedback from users.

MonalisaUI

View full example: Rating Example

import React from 'react';
import { View } from 'react-native';
import { Rating } from 'monalisa-ui';

const Example = () => (
  <View>
    <Rating />
  </View>
);

export default Example;

Configuration

Property	Default	Option	Description
reviews	['Bad', 'Okay', 'Good', 'Great', 'Very Good']	array	Labels to show when each value is tapped
size	30	number	Size star
style	-	-	Style for the rating
ratingColor	#979797	string	Color for the rating icon
ratingBackgroundColor	#f1c40f	string	Background color for the rating icon
titleStyle	-	-	Style for the title
iconStyle	-	-	Style for the icon
showTitle	true	boolean	Toggle display title
defaultRating	none	number	Initial value for the rating
onChange	-	function	Return value review

Example

• rating custom

import React from 'react';
import { View } from 'react-native';
import { Rating } from 'monalisa-ui';

const Example = () => (
  <View>
    <Rating
      defaultRating={1}
    />
    <Rating
      defaultRating={4}
      ratingBackgroundColor="#ff0000"
    />
    <Rating
      showTitle={false}
      defaultRating={4}
    />
  </View>
);

export default Example;