shape_to_go 0.0.1

Creating basic shapes is now easy with the shape_to_go package.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:shape_to_go/shape_to_go.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Example',
      theme: ThemeData.dark(),
      home: const Example()
    );
  }
}

class Example extends StatelessWidget {
  const Example({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollView(
        child: Column(
          children: [
            const SizedBox(height: 40,),
            SizedBox(
              width: double.maxFinite,
              height: 357,
              child: Stack(
                children: [
                  Positioned(
                    left: (MediaQuery.of(context).size.width-342)/2,
                    child: ClipPath(
                      clipper: Potter(points: [
                        const TopLeftEdge(),
                        const TopRightEdge(),
                        const PointOnRightSide(divider: 1.5),
                        const BottomCenterEdge(),
                        const PointOnLeftSide(divider: 1.5),
                      ]),
                      child: Container(
                        color: Colors.purple,
                        width: 342,
                        height: 200,
                      ),
                    ),
                  ),
                  Positioned(
                    left: (MediaQuery.of(context).size.width-342)/2,
                    bottom: 0,
                    child: ClipPath(
                      clipper: Potter(points: [
                        const TopLeftEdge(),
                        const PointOnRightSide(divider: 3),
                        const BottomRightEdge(),
                        const BottomLeftEdge(),
                      ]),
                      child: Container(
                        color: Colors.cyan,
                        width: 163,
                        height: 200,
                      ),
                    ),
                  ),
                  Positioned(
                    right: (MediaQuery.of(context).size.width-342)/2,
                    bottom: 0,
                    child: ClipPath(
                      clipper: Potter(points: [
                        const PointOnLeftSide(divider: 3),
                        const TopRightEdge(),
                        const BottomRightEdge(),
                        const BottomLeftEdge(),
                      ]),
                      child: Container(
                        color: Colors.deepPurple,
                        width: 163,
                        height: 200,
                      ),
                    ),
                  ),
                ],
              ),
            ),
            const SizedBox(height: 20,),
            ClipPath( 
              clipper: Potter(points: [
                const TopCenterEdge(),
                const PointOnShap(xDivider: (8/5), yDivider: (8/3)),
                const CenterRightEdge(),
                const PointOnShap(xDivider: (8/5), yDivider: (8/5)),
                const BottomCenterEdge(),
                const PointOnShap(xDivider: (8/3), yDivider: (8/5)),
                const CenterLeftEdge(),
                const PointOnShap(xDivider: (8/3), yDivider: (8/3)),
              ]
              ),
              child: Container(
                color: Colors.blue,
                width: 342,
                height: 357,
              ),
            ),
            const SizedBox(height: 20,),
            ClipPath( 
              clipper: Potter(points: [
                const TopLeftEdge(),
                const CenterPoint(),
                const TopRightEdge(),
                const BottomRightEdge(),
                const BottomLeftEdge(),
              ]
              ),
              child: Container(
                color: Colors.red,
                width: 342,
                height: 357,
              ),
            ),
            const SizedBox(height: 20,),
            ClipPath( 
              clipper: Potter(points: [
                const TopLeftEdge(),
                const PointOnShap(xDivider: 2,yDivider: 3),
                const TopRightEdge(),
                const PointOnShap(xDivider: 3/2,yDivider: 2),
                const BottomRightEdge(),
                const PointOnShap(xDivider: 2,yDivider: 3/2),
                const BottomLeftEdge(),
                const PointOnShap(xDivider: 3,yDivider: 2),
              ]
              ),
              child: Container(
                color: Colors.green,
                width: 342,
                height: 357,
              ),
            ),
          ],
        ),
      ),
    );
  }
}