bottomConentSubWidget method

dynamic bottomConentSubWidget(
  1. List<VgkCardVerticalTopBottomSubContentModel> content
)

Implementation

bottomConentSubWidget(List<VgkCardVerticalTopBottomSubContentModel> content) {
  var result = <Widget>[];
  if (topContent.isNotEmpty) {
    var index = 0;
    for (var element in content) {
      index = index + 1;
      if (index <= 3) {
        result.add(Expanded(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              Text(
                element.key,
                textAlign: TextAlign.center,
                style: GoogleFonts.lato(
                  fontWeight: FontWeight.w500,
                  fontSize: 11,
                  letterSpacing: -0.2,
                  color: VgkProGamingTheme.darkText,
                ),
              ),
              Padding(
                padding: const EdgeInsets.only(top: 4),
                child: Container(
                  height: 4,
                  width: 70,
                  decoration: BoxDecoration(
                    color: HexColor(primaryColor).withOpacity(0.2),
                    borderRadius:
                        const BorderRadius.all(Radius.circular(4.0)),
                  ),
                  child: Row(
                    children: <Widget>[
                      Container(
                        width: ((70 / 1.2) * animation.value),
                        height: 4,
                        decoration: BoxDecoration(
                          gradient: LinearGradient(colors: [
                            HexColor(primaryColor),
                            HexColor(primaryColor).withOpacity(0.5),
                          ]),
                          borderRadius:
                              const BorderRadius.all(Radius.circular(4.0)),
                        ),
                      )
                    ],
                  ),
                ),
              ),
              Padding(
                padding: const EdgeInsets.only(top: 6),
                child: Text(
                  element.value,
                  textAlign: TextAlign.center,
                  style: GoogleFonts.lato(
                    fontWeight: FontWeight.w600,
                    fontSize: 12,
                    color: VgkProGamingTheme.grey.withOpacity(0.5),
                  ),
                ),
              ),
            ],
          ),
        ));
      }
    }
  }
  return result;
}