ratingbar not working (not clickable) when using ratingBarStyleSmall style

Question

ratingbar didn't change when the user click on it ?

her is my xml code

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.soulhis.testmaterialdesign.Test">
<RatingBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/ratingBar4"
    android:layout_centerVertical="true"
    style="?android:attr/ratingBarStyleSmall"
     android:layout_centerHorizontal="true" />
 </RelativeLayout>

the problem occur just when using ratingBarStyleSmall tested on android jellybean api level 17

score 33 · Answer 1 · answered Dec 09 '17 at 09:27

so I had the same issue and I put android:isIndicator="false" to my RatingBar tag and it solved the problem for me now my full rate bar tag looks like this:

<RatingBar
    android:id="@+id/ratingReview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:numStars="5"
    android:isIndicator="false"
    style="@style/Base.Widget.AppCompat.RatingBar"/>

hope this helps. for more info you can refer to this answer too.

score 20 · Answer 2 · edited Feb 22 '19 at 12:22

20

Just add

android:isIndicator="false"

edited Feb 22 '19 at 12:22

Suraj Rao

29,388
11
94
103

answered Feb 22 '19 at 12:20

Sharanjeet Kaur

796
13
18

score 12 · Answer 3 · answered Jun 19 '16 at 16:07

It is defined behavior of RatingBar. According to official documentation, "The smaller RatingBar style ( ratingBarStyleSmall) and the larger indicator-only style (ratingBarStyleIndicator) do not support user interaction and should only be used as indicators."

score 6 · Answer 4 · answered Nov 29 '17 at 14:22

Note:
1. RatingBar Selection Enable - android:isIndicator="false"
2. No. of Stars - android:max="5"
3. Increment the star selection by 1 - android:stepSize="1"
4. this is important - android:layout_width="wrap_content"
5. Align rating bar to center horizontally - android:layout_gravity="center_horizontal"

<RatingBar
                android:id="@+id/ratingBarOutlet"
                android:layout_width="wrap_content"   
                android:layout_height="wrap_content"
                android:isIndicator="false"           
                style="?android:attr/ratingBarStyle"  
                android:max="5"                      
                android:layout_gravity="center_horizontal" 
                android:stepSize="1" />

This is a wholesome answer, thank you. – Ben Kigera Feb 22 '22 at 08:57 — Ben Kigera, Feb 22 '22 at 08:57

score 3 · Answer 5 · answered Jul 05 '17 at 06:38

Properly Working example and no need to remove style="?android:attr/ratingBarStyle"...

      <RatingBar
        style="?android:attr/ratingBarStyle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:isIndicator="false"
        android:numStars="5"
        android:stepSize="0.5" />

score 2 · Answer 6 · answered Oct 31 '16 at 08:59

2

by this line style="?android:attr/ratingBarStyleSmall" your rating bar is not working. remove this it will work.

answered Oct 31 '16 at 08:59

Lovekush Vishwakarma

3,035
23
25

score 1 · Answer 7 · answered Mar 26 '20 at 21:12

1

android:isIndicator="false"

is work

answered Mar 26 '20 at 21:12

Khaled Inf

49
1

1

This answer was already given in Feb 2019 by Sharanjeet Kaur - so what value does your answer add?!? – Stefan Drissen Mar 26 '20 at 22:23

ratingbar not working (not clickable) when using ratingBarStyleSmall style

7 Answers7