Myujth

I am using the Rating Element from the react-native-elements component. I noticed I can't choose more/less than 3 stars for my rating and I do not understand why.
Here is my code:

<Modal animationType="slide" transparent=false
 visible=this.state.showModal
 onDismiss=() => this.openModal()
 onRequestClose=() => this.openModal()>
 <View style=styles.modal>
 <Text style=styles.modalTitle>Rating</Text>
 <Rating
 showRating
 type="star"
 imageSize=30
 onFinishRating=this.ratingCompleted
 style= paddingVertical: 10 
 />

 <View style=styles.btnView>
 <Button
 onPress=() => this.handleFormSubmit() 
 color="#512DA8"
 title="Submit"
 style=styles.formBtn
 />
 <Button
 onPress=() => this.openModal(); 
 this.resetForm(); 
 color="gray"
 title="Cancel"
 />
 </View>
 </View>
 </Modal>

What am I doing wrong?

According to,

https://react-native-training.github.io/react-native-elements/docs/rating.html#ratingcount

you can use the prop ratingCount to set the number of rating images to display.
Try setting this to something other than 3.

Edit

Seems I misunderstood the query, please try setting readonly to false explicitly.