vgkRangeWidget function

Widget vgkRangeWidget(
  1. String key,
  2. String value,
  3. int precentage,
  4. dynamic primaryColor,
)

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)
            ],
          ),
        ),
      ),
    ],
  );
}