NativeScript 评分对话框
评分对话框
npm i --save nativescript-rating-dialog

NativeScript 评分对话框

Build Status

安装

tns plugin add nativescript-rating-dialog

用法

import { RatingDialog, RatingDialogOption } from 'nativescript-rating-dialog';

let ratingDialog = new RatingDialog();

const option: RatingDialogOption = {
title: "Title",
icon: "favorite",
android: {
positiveButtonText: "Send",
negativeButtonText: "Cancel",
threshold: 3,
onThresholdCleared: (dialog, rating, thresholdCleared) => {
},
onThresholdFailed: (dialog, rating) => {
},
onDialogDismiss: (rating) => {
if (rating < 3) {
console.log(`Negative Rate of ${rating} out of 5`);
alert(`Negative Rate of ${rating} out of 5`);
} else {
alert(`Positive Rate of ${rating} out of 5`);
console.log(`Positive Rate of ${rating} out of 5`);
}
}
},
ios: {
onPositiveButtonText: "Done",
onNegativeButtonText: "Send Feedback",
onPositiveRate: (rating) => {
console.log('Positive', rating);
},
onNegativeRate: (rating) => {
console.log('Negative', rating);
},
onDismiss: () => {
console.log('Dismiss');
}
}
};

ratingDialog.show(option);

API

评分对话框选项

属性 类型 描述
icon 字符串 设置图标(默认使用应用图标) (可选).
title 字符串 设置标题
textColor 字符串 设置标题文字颜色 (可选)
backgroundColor 字符串 设置背景颜色 (可选)
android AndroidRatingDialogOption 设置安卓选项 (可选)
ios IOSRatingDialogOption 设置 iOS 选项 (可选)

安卓评分对话框选项

属性 类型 描述
threshold 数字 设置触发反馈的阈值(评分数量) (默认为 2)
positiveButtonTextColor 字符串 设置正面按钮文字颜色 (可选)
negativeButtonTextColor 字符串 设置负面按钮文字颜色 (可选)
positiveButtonText 字符串 设置正面按钮文字
negativeButtonText 字符串 设置负面按钮文字 (可选)
ratingBarColor 字符串 设置评分栏颜色 (可选)
ratingBarBackgroundColor 字符串 设置评分栏背景颜色 (可选)
playstoreUrl 字符串 设置 Playstore 网址(用于将用户重定向到应用商店上的应用) (可选)
feedbackForm AndroidRatingDialogFeedbackForm 设置反馈表单选项 (可选)
onThresholdCleared (ratingDialog: any, rating: number, thresholdCleared: boolean) 回调函数 设置 onThresholdCleared 回调,当你的评分分数大于阈值时触发。 (覆盖默认重定向到 Google Play) (可选)
onThresholdFailed (ratingDialog: any, rating: number, thresholdCleared: boolean) 回调函数 设置 onThresholdFailed 回调,当你的评分分数小于阈值时触发。 (当你想显示自定义反馈表单时使用) (可选)
onRatingChanged (rating: number, thresholdCleared: boolean) 回调函数 设置 onRatingChanged 回调,当评分改变时触发 (可选)
onRatingBarFormSumbit (feedback: string) 回调函数 设置 onRatingBarFormSumbit 回调,当评分提交时触发 (可选)
onDialogDismiss(rating: number) 回调函数 设置 onDialogDismiss 回调,当用户关闭对话框时触发 (可选)

安卓评分对话框反馈表单

属性 类型 描述
formTitle 字符串 设置表单标题
formSubmitText 字符串 设置表单提交按钮文字
cancelText 字符串 设置取消按钮文字
feedbackFormHint 字符串 设置反馈表单提示 (可选)
feedBackTextColor 字符串 设置反馈文字颜色 (可选)

iOS 评分对话框选项

属性 类型 描述
subtitle 数字 设置副标题 (可选) (默认为: "请评分您的体验")
onPositiveButtonColor 字符串 设置正面按钮颜色 (可选)
onNegativeButtonColor 字符串 设置负面按钮颜色 (可选)
onPositiveButtonText 字符串 设置正面按钮文字 (可选)
onNegativeButtonText 字符串 设置负面按钮文字 (可选)
positiveText 字符串 设置正面文字 (可选) (默认为: "太棒了!")
negativeText 字符串 设置负面文字 (可选) (默认为: "真糟糕。我们应该做得更好。")
textColor 字符串 设置文字颜色 (可选)
emptyStarImage 字符串 设置空星图像资源名称 (可选)
fullStarImage 字符串 设置满星图像资源名称 (可选)
dismissButtonColor 字符串 设置关闭按钮颜色 (可选)
itunesId 字符串 设置 itunesId (可选)
onPositiveRate (评分: 数字) 回调函数 设置 onPositiveRate 回调,当用户选择超过 3 星并点击评分时触发 (可选)
onNegativeRate (评分: 数字) 回调函数 设置 onNegativeRate 回调,当用户选择少于 4 星并点击评分时触发 (可选)
onDismiss () 回调函数 设置 onDismiss 回调,当用户未选择任何选项而关闭屏幕时触发 (可选)

作者

Jonathan Mayunga, [email protected]

致谢

对于 Android,我们使用 Codemy 的 Smart App Rate,对于 iOS 使用 MatiBot 的 MBRateApp

许可证

Apache 许可证版本 2.0,2004 年 1 月