Nativescript Reviews

准备使用的评论框

安装

tns plugin add nativescript-reviews

点击此处下载 fontawesome-webfont.ttf 或从 fontawesome 网站 下载

• 将字体图标 .ttf 文件放在 app/fonts 中，如下所示

app/fonts/fontawesome-webfont.ttf

用法

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

更多选项

<!-- 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() 函数：您可以在获取远程数据后触发此函数

let review = getViewById('review'); //您可以进行远程请求或延迟 review.refresh(); //然后刷新您的值

查看 示例 获取更多详情

属性	默认值	描述
reviews	必需	评论对象数组 {image: "~/images/icon-50.png", username: "Moayad Najdawi", review: "这是第一条评论", rate: 5, datetime: new Date(Date.now() - 24 * 60 * 60 * 1000)}
scroll	true	启用或禁用评论容器内的 scrollview
showHeader	true	隐藏或显示带有下划线样式的评论标题
imagetag		图像的 xml 元素，您可以根据需要更改它，例如添加缓存插件等
plugin	空字符串	插件包含语句如 xmlns:IC="nativescript-web-image-cache"
title	reviews	评论框的标题
dateHandler	a go	您可以通过在应用程序资源中提供过滤器来更改日期文本，请参阅 app.ts
user	事件	在用户图像或名称上点击时触发，返回评论对象