搜索插件、代码仓与 APP 分类

rating 封面
插件详情v1.0.0-dev.1

rating

评分底部弹出层

近 30 天下载
26
喜欢数
30
Pub 分数
40

安装插件

flutter pub add rating

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 包,提供可自定义的底部弹出菜单,用于收集用户评分,旨在提升应用程序中的反馈收集效果。它为用户提供了一个简洁直观的界面,通过星星或数值输入等视觉指示器来评分体验。该底部弹出菜单可轻松集成到现有工作流程中,并支持外观和行为的自定义。非常适合移动应用中的交互后反馈。

适合场景

  • 收集应用使用后的用户反馈
  • 收集服务或产品的评分
  • 通过互动反馈提升用户参与度
  • 根据用户输入改进应用体验
  • 在特定应用流程中实现评分提示

主要特点

  • 评分的底部弹出面板UI
  • 可自定义的星标或数字评分选项
  • 与 Flutter 应用轻松集成
  • 可配置的外观和行为
  • 支持流畅的过渡和动画

适合对象

  • 寻求用户反馈的移动应用
  • 需要在操作后进行评分提示的应用程序
  • 想要简单反馈机制的开发者
  • 专注于用户体验改进的项目
  • 需要交互式反馈的应用程序

使用建议

  • 仅限移动平台(不支持网页/桌面端)
  • 需要手动处理评分提交逻辑
  • 可能需要额外的样式以保持品牌一致性
  • 依赖外部源代码仓库
  • 无内置持久化或分析功能

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

Rating bottom sheet

Features

Getting started

pubspec.yaml

rating: <lastest version>

Usage

Implement the RatingController

class PrintRatingController extends RatingController {
  PrintRatingController(RatingModel ratingModel) : super(ratingModel);

  @override
  Future<void> ignoreForEverCallback() async {
    print('Rating ignored forever!');
    await Future.delayed(const Duration(seconds: 3));
  }

  @override
  Future<void> saveRatingCallback(int rate, List<RatingCriterionModel> selectedCriterions) async {
    print('Rating saved!\nRate: $rate\nsSelectedItems: $selectedCriterions');
    await Future.delayed(const Duration(seconds: 3));
  }
}

Create one RatingModel

final ratingModel = RatingModel(
  id: 1,
  title: null,
  subtitle: 'Classifique nosso app:',
  ratingConfig: RatingConfigModel(
    id: 1,
    ratingSurvey1: 'Em que podemos melhorar?',
    ratingSurvey2: 'Em que podemos melhorar?',
    ratingSurvey3: 'Em que podemos melhorar?',
    ratingSurvey4: 'Em que podemos melhorar?',
    ratingSurvey5: 'O que você mais gostou?',
    items: [
      RatingCriterionModel(id: 1, name: 'Qualidade do atendimento'),
      RatingCriterionModel(id: 2, name: 'Competência dos atendentes'),
      RatingCriterionModel(id: 3, name: 'Limpeza do ambiente'),
      RatingCriterionModel(id: 4, name: 'Tempo de espera'),
    ],
  ),
);

Show the Rating Widget using the custom Rating Controller PrintRatingController and the new RatingModel

showModalBottomSheet(
  context: context,
  builder: (context) => RatingWidget(controller: PrintRatingController(ratingModel)),
);

所属分类

依赖

依赖清单 2 项

源码仓库

使用此插件的项目

暂无相关数据。