nativescript-star-ratings
v1.0.0 NativeScript JavaScript Android iOS
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
- Custom images
npm i nativescript-star-ratings
Homepage
github.com/triniwiz/nativesc...Metadata
- Apache-2.0
- Whatever
- Osei Fortune
- released 12/29/2017