Nativescript Reviews

ready to use reviews box

Install

tns plugin add nativescript-reviews

click here to Download fontawesome-webfont.ttf or download from fontawesome website

• Place font icon .ttf file in app/fonts, like below:

app/fonts/fontawesome-webfont.ttf

Usage

<UI:Reviews reviews="{{ reviews }}"  />

with more options

<!-- default -->
<UI:Reviews reviews="{{ reviews }}"  />
<!-- reviews with custom date handler  -->
<UI:Reviews dateHandler="arabicDateTime" title="With date handler" reviews="{{ reviews }}" scroll="false" />
<!-- reviews with custom plugin for caching   -->
<UI:Reviews title="Image cache plugins " scroll="false" plugin="{{ plugin }}" imagetag="{{ imagetag }}" reviews="{{ reviewsWithWebImages }}" /> 
<!-- reviews with scroll inside   -->
<UI:Reviews title="Scroll inside" scroll="true" reviews="{{ lotofreviews }}" />

refresh() this function you can triger after you get remote data

let review = getViewById('review'); //you can do remote request or delay review.refresh(); // then refresh your values

see demo for more details

| Property | Default | Description | | --- | --- | --- | | reviews | required | Array of reivew object {image: "~/images/icon-50.png", username: "Moayad Najdawi", review: "this is the first review", rate: 5, datetime: new Date(Date.now() - 24 * 60 * 60 * 1000)}| | scroll | true | enable or disable scrollview inside the reviews holder | | showHeader | true | to hide or show review title with the underline style | | imagetag | | the xml element of the image so you can change it if you need to add cache plugin or something | | plugin | empty string | plugin include statment like xmlns:IC="nativescript-web-image-cache" | | title | reviews | the title of the reviews box | | dateHandler | a go | you can change the date text by provide filter inside app resources see app.ts |
| user | event | fire on tap on user image or name return the review object |