Star-Ratings

Android Device	Android Emulator	iOS Device	iOS Simulator
✅	✅	✅	✅

Installing

    ns plugin add @triniwiz/nativescript-star-ratings

Configuration

Core

IMPORTANT

Ensure you've included xmlns:ui="@triniwiz/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('@triniwiz/nativescript-star-ratings').StarRating);

Vue

import { registerElement } from "nativescript-vue'";
registerElement('StarRating', () => require('@triniwiz/nativescript-star-ratings').StarRating);

React

import { registerElement } from "react-nativescript";
registerElement('StarRating', () => require('@triniwiz/nativescript-star-ratings').StarRating);

Svelte

import { registerNativeViewElement } from 'svelte-native/dom';
registerNativeViewElement('StarRating', () => require('@triniwiz/nativescript-star-ratings').StarRating);

<StarRating emptyBorderColor="white" emptyColor="white" filledBorderColor="black" filledColor="red" value="{{value}}" max="{{max}}" isindicator="false"></StarRating>

API

Property	Default	Type	iOS	Android
emptyBorderColor	blue	string	✅	❌
emptyColor	white	string	✅	✅
filledBorderColor	blue	string	✅	❌
filledColor	white	string	✅	✅
value	0	number	✅	✅
max	5	number	✅	✅
isindicator	false	false	❌	✅