TechieBlossom

_paceAnimation = Tween<double>(
  begin: 0.0, 
  end: messi.pace / 100,
).animate(_controller);

_shootAnimation = Tween<double>(
  begin: 0.0, 
  end: messi.shoot / 100,
).animate(_controller);
...

TechieBlossom

ClipPath(
  clipper: HexagonClipper(radius: radius),
  child: SizedBox(
    width: diameter,
    height: diameter,
    child: ColoredBox(
      color: Colors.blueAccent.withOpacity(0.7),
    ),
  ),
)

TechieBlossom

// Inner-most hexagon
Offset(
  1/5 * radius * cos(pi * 2 * degree / 360) + center.dx,
  1/5 * radius * sin(pi * 2 * degree / 360) + center.dy,
)

//Farthest inner hexagon
Offset(
  5/5 * radius * cos(pi * 2 * degree / 360) + center.dx,
  5/5 * radius * sin(pi * 2 * degree / 360) + center.dy,

TechieBlossom

final degree = 60 * i + 30;

TechieBlossom

for (int i = 0; i < 6; i++) {
  final degree = 60 * i;
  canvas.drawLine(
    Offset(
      radius * cos(pi * 2 * degree / 360) + center.dx,
      radius * sin(pi * 2 * degree / 360) + center.dy,
    ),
    Offset(
      radius * cos(pi * 2 * (degree + 60) / 360) + center.dx,
      radius * sin(pi * 2 * (degree + 60) / 360) + center.dy,

TechieBlossom

CustomPaint(
  painter: HexagonPainter(radius: radius),
)

class HexagonPainter extends CustomPainter {
  const HexagonPainter({
    required this.radius,
  });

  final double radius;

TechieBlossom

return Scaffold(
  body: Stack(
    children: <Widget>[
      ProductDetailBackground(
        screenHeight: screenHeight,
        screenWidth: screenWidth,
      ),
      SingleChildScrollView(
        child: Column(
          children: <Widget>[

TechieBlossom

return Scaffold(
  body: Stack(
    children: <Widget>[
      ProductDetailBackground(
        screenHeight: screenHeight,
        screenWidth: screenWidth,
      ),
      SingleChildScrollView(
        child: Column(
          children: <Widget>[

TechieBlossom

GestureDetector(
  onTap: () {
    Navigator.pop(context);
  },
  child: Icon(
    Icons.arrow_back,
  ),
)

TechieBlossom

import 'package:flutter/widgets.dart';

class FadePageRoute extends PageRouteBuilder {
  final Widget widget;

  FadePageRoute({this.widget})
      : super(
          pageBuilder: (
            BuildContext context,
            Animation<double> animation,