fl_score_bar 0.2.4 fl_score_bar: ^0.2.4 copied to clipboard
Flutter custom ScoreBar that provides 2 types of ScoreBar, FlScoreBar and IconScoreBar, both can be immutable/mutable.
FlScoreBar #
A simple flutter score bar package that can be used in 2 states. immutable
is the state that can be shown to the user.
And mutable
is the state that can be changed by the user action. All widgets support Rtl direction.
Usage #
First of all, you must add the package to your pubspec.yaml
:
fl_score_bar: ^0.2.4
or enter this in your command line:
flutter pub add fl_score_bar
Sample #
FlScoreBar #
FlScoreBar can be added to your widget tree like this:
//immutable
FlScoreBar(
title: 'score',
maxScore: 5,
score: 4.3,
averageScoreColor: Colors.yellow,
highScoreColor: Colors.green,
lowScoreColor: Colors.red,
textStyle: TextStyle(color: Colors.black),
);
or
//mutable
FlScoreBar.editable(
title: 'score',
maxScore: 5,
score: 4.3,
averageScoreColor: Colors.yellow,
highScoreColor: Colors.green,
lowScoreColor: Colors.red,
textStyle: const TextStyle(color: Colors.black),
onChanged: (value) {
print('FlScoreBar updated value -> $value');
},
)
IconScoreBar #
IconScoreBar can be added to your widget tree like this:
IconScoreBar(
scoreIcon: Icons.star,
iconColor: Colors.amber,
score: 2.6,
maxScore: 5,
readOnly: false,
onChanged: (value) {
print('IconScoreBar updated value -> $value');
},
)