패키지, 저장소 및 앱 카테고리 검색

rating 표지
패키지 상세v1.0.0-dev.1

rating

평가 하단 시트

30일 다운로드
26
좋아요
30
Pub 점수
40

패키지 설치

flutter pub add rating

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

사용자 평가를 수집하기 위한 사용자 정의 가능한 하단 시트를 제공하는 플러터 패키지로, 앱 내 피드백 수집을 향상시키기 위해 설계되었습니다. 별표 또는 숫자 입력과 같은 시각적 지표를 통해 사용자가 경험을 평가할 수 있도록 깔끔하고 직관적인 인터페이스를 제공합니다. 기존 워크플로우에 쉽게 통합 가능하며 외관 및 동작을 사용자 정의할 수 있습니다. 모바일 애플리케이션에서 상호작용 후 피드백을 받기에 이상적입니다.

사용 사례

  • 앱 사용 후 사용자 피드백 수집
  • 서비스 또는 제품에 대한 평가 수집
  • 상호작용 피드백을 통한 사용자 참여도 향상
  • 사용자 입력을 기반으로 앱 경험 개선
  • 특정 앱 흐름에서 평가 프롬프트 구현

주요 기능

  • 평가용 하단 시트 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 개

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.