Rating.js

import React from 'react';
import PropTypes from 'prop-types';
import { AirbnbRating } from 'react-native-ratings';
import {
  View, StyleSheet, Text
} from 'react-native';

export default function Rating(props) {
  const {
    name, meta, style, value = 0, onChangeInputValue, isMandatory
  } = props;

  const recordRating = rating => onChangeInputValue(rating);
  return (
    <View key={name} style={{borderWidth:0, alignItems:'flex-start'}}>
      <Text style={styles.text}>{`${meta.label} ${isMandatory ? '*' : ''}`}</Text>
      <AirbnbRating
        isDisabled={meta.disabled}
        onFinishRating={recordRating}
        starContainerStyle={[ style, styles.rating, {borderWidth:0, marginTop:15, marginLeft:15} ]}
        count={meta.count || 5}
        defaultRating={value}
        showRating={false}
        size={30}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  text: {
    marginLeft: 10,
    marginTop: 10,
  },
  rating: {
  }
});


Rating.propTypes = {
  name: PropTypes.string.isRequired,
  meta: PropTypes.object.isRequired,
  style: PropTypes.object,
  onChangeInputValue: PropTypes.func,
  isMandatory: PropTypes.bool
};