triniwiz / nativescript-star-ratings

NativeScript star ratings UI component plugin.
Apache License 2.0
22 stars 8 forks source link

NativeScript Star Ratings

npm npm Build Status

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 Android

TODO