vgkRangeWidget function
Implementation
Widget vgkRangeWidget(String key, String value, int precentage, primaryColor) {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Row(children: <Widget>[
Expanded(
child: Text(
key,
textAlign: TextAlign.left,
style: VgkProGamingTheme.h4(primaryColor),
),
),
Padding(
padding: const EdgeInsets.only(left: 8),
child: Text(
value,
textAlign: TextAlign.left,
style: VgkProGamingTheme.h4(primaryColor),
),
)
]),
Padding(
padding: const EdgeInsets.only(top: 4),
child: StepProgressIndicator(
totalSteps: 100,
currentStep: precentage,
size: 8,
padding: 0,
selectedColor: Colors.yellow,
unselectedColor: Colors.cyan,
roundedEdges: const Radius.circular(10),
selectedGradientColor: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [HexColor(primaryColor), HexColor(primaryColor)],
),
unselectedGradientColor: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
HexColor(primaryColor).withOpacity(0.2),
HexColor(primaryColor).withOpacity(0.2)
],
),
),
),
],
);
}