Size of the stars

[teckloide]

Make sure to check the demo app(s) for sample usage

checked

Make sure to check the existing issues in this repository

checked

If the demo apps cannot help and there is no issue for your problem, tell us about it

how can i modify the size of the stars

Which platform(s) does your issue occur on?

• iOS/Android/Both

Please, provide the following version numbers that your issue occurs with:

• CLI: 3.4.1
• Cross-platform modules: 3.4.0
• Runtime(s): 3.4.1
• Plugin(s): "dependencies": { "@angular/animations": "~5.2.0", "@angular/common": "~5.2.0", "@angular/compiler": "~5.2.0", "@angular/core": "~5.2.0", "@angular/forms": "~5.2.0", "@angular/http": "~5.2.0", "@angular/platform-browser": "~5.2.0", "@angular/platform-browser-dynamic": "~5.2.0", "@angular/router": "~5.2.0", "email-validator": "^1.1.1", "nativescript-angular": "~5.2.0", "nativescript-liveedit": "^2.3.0", "nativescript-pro-ui": "~3.3.0", "nativescript-star-ratings": "^1.0.0", "nativescript-theme-core": "~1.0.4", "reflect-metadata": "~0.1.10", "rxjs": "~5.5.5", "tns-core-modules": "~3.4.0", "zone.js": "~0.8.18" }, "devDependencies": { "@angular/compiler-cli": "~5.2.0", "@ngtools/webpack": "~1.9.1", "babel-traverse": "6.4.5", "babel-types": "6.4.5", "babylon": "6.4.5", "codelyzer": "~4.0.2", "copy-webpack-plugin": "~4.3.0", "css-loader": "~0.28.7", "extract-text-webpack-plugin": "~3.0.2", "lazy": "1.0.11", "nativescript-dev-sass": "~1.3.5", "nativescript-dev-typescript": "~0.6.0", "nativescript-dev-webpack": "~0.9.1", "nativescript-worker-loader": "~0.8.1", "raw-loader": "~0.5.1", "resolve-url-loader": "~2.2.1", "sass-loader": "~6.0.6", "tslint": "~5.8.0", "typescript": "~2.6.2", "uglifyjs-webpack-plugin": "~1.1.6", "webpack": "~3.10.0", "webpack-bundle-analyzer": "^2.9.1", "webpack-sources": "~1.1.0" }

  Please, tell us how to recreate the issue in as much detail as possible.

  just use it as the instructions says it should be used

[labidiaymen]

Especially in Android

[cerireyhan]

@teckloide @labidiaymen Were you able to set the size of stars?

[labidiaymen]

@cerireyhan Nope

[asqwrd]

is this still being developed? Any idea how we can extend this to be able to change the size of the stars

[grizlizli]

I am also interested into making stars smaller. Is this plugin still in development?

[topclaudy]

You may use android:scaleX=".5" android:scaleY=".5" on the element for example. You'll need to tweak the extra padding.

[imperatormk]

You'll need to tweak the extra padding.

@topclaudy Any ideas on how do to that?

[KirilOkun]

tried using android:scale as mentioned above but the whole component gets scaled and it loses the 5th start. only 4 stars are visible. i've tried all sorts of ways to increase the width of the scaled component to show the 5th start but nothing worked. has anybody figured this out?

After digging some more the size of stars on Android is set by the native component and can't be changed without losing interactivity. The only solution is to change the layout to have the stars on it's own line.

Quote:

A RatingBar is an extension of SeekBar and ProgressBar that shows a rating in stars. 
The user can touch/drag or use arrow keys to set the rating when using the default size RatingBar. 
The smaller RatingBar style ( R.attr.ratingBarStyleSmall) and the larger indicator-only style (R.attr.ratingBarStyleIndicator) do not support user interaction and should only be used as indicators.

When using a RatingBar that supports user interaction, placing widgets to the left or right of the RatingBar is discouraged.

[nice2seeu]

-- you can change the star size -- platforms > ios > Pods > Cosmos > Cosmos > CosmosDefaultSettings.swift /// Size of a single star. static var starSize: Double = 20

[liamcharmer]

-- you can change the star size -- platforms > ios > Pods > Cosmos > Cosmos > CosmosDefaultSettings.swift /// Size of a single star. static var starSize: Double = 20

Is this really a solution though??

[Rashids5776]

any updates on this issue?