NativeScript Star Ratings
Installation
tns plugin add nativescript-star-ratings
Configuration
IMPORTANT: Make sure you include xmlns:ui="nativescript-star-ratings" on the Page element
<ui:StarRating emptyBorderColor="white" emptyColor="white" filledBorderColor="black" filledColor="red" value="2" max="5"/>Angular
import { registerElement } from 'nativescript-angular/element-registry';
registerElement('StarRating', () => require('nativescript-star-ratings').StarRating);
<StarRating emptyBorderColor="white" emptyColor="white" filledBorderColor="black" filledColor="red" value="{{value}}" max="{{max}}" isindicator="false"></StarRating>API
Properties
| Property | Default | Type | Required | Description |
|---|---|---|---|---|
| emptyBorderColor | blue | string | IOS only | |
| emptyColor | white | string | ||
| filledBorderColor | blue | string | IOS only | |
| filledColor | blue | string | ||
| value | 0 | number | ||
| max | 5 | number | ||
| isindicator | false | boolean | Android only |
ScreenShots
| IOS | Android |
|---|---|
 |
 |
TODO
- Custom images