jajpa/rating_bar | Ducafecat

技術トピック

# rating # bar # flutter-widget # star-rating

使用している依存関係

依存関係一覧 2 件

flutter{"sdk":"flutter"}
flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

rating_bar

A customizable Rating Bar for flutter with half rating support

pub package

Installation

Add this to your package's pubspec.yaml file

dependencies:
  ...
  rating_bar: ^latest.version.here

Usage

First import paging.dart

  import 'package:rating_bar/rating_bar.dart';

onRatingChanged callback returns current rating which is a double, when the rating has changed.

  RatingBar(
    onRatingChanged: (rating) => setState(() => _rating = rating),
    filledIcon: Icons.star,
    emptyIcon: Icons.star_border,
    halfFilledIcon: Icons.star_half,
    isHalfAllowed: true,
    aligns: Alignment.centerLeft,
    filledColor: Colors.green,
    emptyColor: Colors.redAccent,
    halfFilledColor: Colors.amberAccent, 
    size: 48,
  ),

You can also use read-only rating bar widget

  RatingBar.readOnly(
    initialRating: 3.5,
    isHalfAllowed: true,
    aligns: Alignment.centerLeft,
    halfFilledIcon: Icons.star_half,
    filledIcon: Icons.star,
    emptyIcon: Icons.star_border,
  ),

Screenshots

https://raw.github.com/joshmatta/rating_bar/master/flutter_01.png

License

MIT License

Josh ↗