Rating not choosing more than 3 stars - React Native Elements - Rating)
up vote
1
down vote
favorite
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?
react-native rating
asked Nov 10 at 18:34
Oluwasayo Babalola
591521
add a comment |
up vote
1
down vote
favorite
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?
react-native rating
asked Nov 10 at 18:34
Oluwasayo Babalola
591521
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
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?
react-native rating
asked Nov 10 at 18:34
Oluwasayo Babalola
591521
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?
react-native rating
react-native rating
asked Nov 10 at 18:34
Oluwasayo Babalola
591521
asked Nov 10 at 18:34
Oluwasayo Babalola
591521
asked Nov 10 at 18:34
Oluwasayo Babalola
591521
asked Nov 10 at 18:34
Oluwasayo Babalola
591521
asked Nov 10 at 18:34
Oluwasayo Babalola
591521
591521
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
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.
answered Nov 10 at 18:43
Legolas
154
The ratingCount is 5. It is showing the 5 stars. The question is, it is not allowing rating less/more than 3 stars. I.e there are only 3 shaded stars no matter what star I click on
– Oluwasayo Babalola
Nov 10 at 18:46
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
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.
answered Nov 10 at 18:43
Legolas
154
The ratingCount is 5. It is showing the 5 stars. The question is, it is not allowing rating less/more than 3 stars. I.e there are only 3 shaded stars no matter what star I click on
– Oluwasayo Babalola
Nov 10 at 18:46
add a comment |
up vote
0
down vote
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.
answered Nov 10 at 18:43
Legolas
154
The ratingCount is 5. It is showing the 5 stars. The question is, it is not allowing rating less/more than 3 stars. I.e there are only 3 shaded stars no matter what star I click on
– Oluwasayo Babalola
Nov 10 at 18:46
add a comment |
up vote
0
down vote
up vote
0
down vote
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.
answered Nov 10 at 18:43
Legolas
154
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.
answered Nov 10 at 18:43
Legolas
154
edited Nov 10 at 19:25
answered Nov 10 at 18:43
Legolas
154
answered Nov 10 at 18:43
Legolas
154
answered Nov 10 at 18:43
Legolas
154
154
The ratingCount is 5. It is showing the 5 stars. The question is, it is not allowing rating less/more than 3 stars. I.e there are only 3 shaded stars no matter what star I click on
– Oluwasayo Babalola
Nov 10 at 18:46
add a comment |
The ratingCount is 5. It is showing the 5 stars. The question is, it is not allowing rating less/more than 3 stars. I.e there are only 3 shaded stars no matter what star I click on
– Oluwasayo Babalola
Nov 10 at 18:46
The ratingCount is 5. It is showing the 5 stars. The question is, it is not allowing rating less/more than 3 stars. I.e there are only 3 shaded stars no matter what star I click on
– Oluwasayo Babalola
Nov 10 at 18:46
The ratingCount is 5. It is showing the 5 stars. The question is, it is not allowing rating less/more than 3 stars. I.e there are only 3 shaded stars no matter what star I click on
– Oluwasayo Babalola
Nov 10 at 18:46
add a comment |
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53242169%2frating-not-choosing-more-than-3-stars-react-native-elements-rating%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
