Description:

wi custom bar

About wi_custom_bar #

"wi_custom_bar" is a custom bar widget that implements a thermometer gauge bar created by wannai team.


Installing: #
In your pubspec.yaml
dependencies:
wi_custom_bar: ^0.0.1
copied to clipboard
import 'package:wi_custom_bar/wi_custom_bar.dart';
copied to clipboard


Basic Usage: #
TemperatureVerticalBar(10, 5),

TemperatureHorizontalBar(10, 6)
copied to clipboard


Where to use: #
It can be used to show a certain mission or achievement rate.
For example, complete 10 missions of the day gauge 5/10.



How to use: #

Enter the maximum gauge number and the current gauge number. (necessary)


Enter the current gauge number not to exceed the maximum gauge number.



The current achievement count is displayed on the right side of the gauge bar. (Optional)
Usage: showCountView: true (defalut: false)


For the gauge bar gradation color, input Color values from bottom to top and from left to right.
(Optional, there is a default value.)
Usage: gradientStartColor: Colors.blueAccent, gradientEndColor: Colors.yellowAccent,


Adjustable gauge bar up and down, left and right length and round size
(option)



Custom Usage: #



Properties
Description




maxIndex
Maximum value of gauge bar.


currentIndex
Current value of gauge bar.


baseBgColor
Default border and gauge ruler color around the gauge bar. (default: white).


gradientBottomColor or gradientStartColor
Gauge bar gradient start color.


gradientTopColor or gradientEndColor
Gauge bar gradient end color.


barWidth
gauge bar thickness.


barHeight
gauge bar height.


barPointCount
number of gauge bar rulers.


showCountView
Gauge bar maximum and minimum count display (marked position: lower right).




Sample code (Source Code)

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter