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)),
);

搜尋套件、儲存庫與 APP 分類

安裝套件