NativeScript Star Ratings
![Build Status](https://camo.githubusercontent.com/7d926e7352ae1788bf625596adabe9a8ccf5491b421055fdcfb65d34de1f0099/68747470733a2f2f7472617669732d63692e6f72672f2f7472696e6977697a2f6e61746976657363726970742d737461722d726174696e67732e7376673f6272616e63683d6d6173746572)
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 |
![IOS](https://camo.githubusercontent.com/0a1593077a2e42a61a4236dede72812891b2d87d5544814bf5a5395b59f3adfc/68747470733a2f2f692e696d6775722e636f6d2f4b4349346c58412e676966) |
![Android](https://camo.githubusercontent.com/5b8a2b1dc06a37160ffed3acd527d76a15bf4d5a82c30a29b67e700e5293cc86/68747470733a2f2f692e696d6775722e636f6d2f6e5330416738562e676966) |
TODO