Flutter dummy UI for blog (no use of this gist other than blog example)

performance_chart_ui.dart

import 'package:flutter/material.dart';
import 'package:flutter_performance_check/utils.dart';

class PerformanceChartUI extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _PerformanceChartUIState();
  }
}

class _PerformanceChartUIState extends State<PerformanceChartUI> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Title of the page"),
      ),
      body: buildBody(),
    );
  }

  hex(position){
    if(position%2 ==0 ){
      return HexColor("#0${position%2}b${position%2}c${position%2}");
    }
    return HexColor('#aabbcc');
  }

  buildCarousel(){
    var carousel = List.generate(
      10,
          (pos) {
        return SizedBox(
          width: 200,
          height: 200,
          child: Card(
            color: hex(pos),
            child: Image.network(
              "weburl",
              width: 200,
              height: 200,
            ),
          ),
        );
      },
    );

    var carouselList = Container(
      height: 200,
      child: ListView(
        scrollDirection: Axis.horizontal,
        children:  carousel,
      ),
    );

    return carouselList;
  }

  buildBody() {
    var children = List.generate(
      100000,
      (pos) {
        return Card(
          child: Column(
            children: <Widget>[
              buildCarousel(),
              Center(child: Text("Position: $pos")),
            ],
          ),
        );
      },
    );

    return ListView(
      shrinkWrap: true,
      children: children,
    );
  }

}

utils.dart

import 'dart:ui';

class HexColor extends Color {
  static int _getColorFromHex(String hexColor) {
    hexColor = hexColor.toUpperCase().replaceAll("#", "");
    if (hexColor.length == 6) {
      hexColor = "FF" + hexColor;
    }
    return int.parse(hexColor, radix: 16);
  }

  HexColor(final String hexColor) : super(_getColorFromHex(hexColor));
}