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}}"></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 |
|
|
ScreenShots
IOS |
Android |
|
|
TODO