Added Wavy circle clipper

README.md

@@ -22,7 +22,7 @@ To use this plugin, add `flutter_custom_clippers` as a [dependency in your pubsp
 <img src="https://github.com/lohanidamodar/flutter_custom_clippers/raw/master/screenshots/screenshot4.png" height="480px">
 <img src="https://github.com/lohanidamodar/flutter_custom_clippers/raw/master/screenshots/screenshot5.png" height="480px">
 <img src="screenshots/side.png" height="480px">
-
+<img src="https://github.com/shwetavish/flutter_custom_clippers/blob/wavy_circle_clipper/screenshots/screenshot10.png" height="480px">
 
 
 
@@ -224,6 +224,16 @@ class HomeScreen extends StatelessWidget {
               child: Center(child: Text("MessageClipper()")),
             ),
           ),
+           SizedBox(height: 20),
+          ClipPath(
+            clipper: WavyCircleClipper(32),
+            child: Container(
+              width: 400,
+              height: 400,
+              color: Colors.purple,
+              child: const Center(child: Text("WavyCircleClipper()")),
+            ),
+          ),
         ],
       ),
     );

example/android/app/build.gradle

@@ -26,7 +26,7 @@ apply plugin: 'kotlin-android'
 apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
 
 android {
-    compileSdkVersion 28
+    compileSdkVersion flutter.compileSdkVersion
 
     sourceSets {
         main.java.srcDirs += 'src/main/kotlin'

example/android/app/src/main/AndroidManifest.xml

@@ -6,7 +6,7 @@
          additional functionality it is fine to subclass or reimplement
          FlutterApplication and put your custom class here. -->
     <application
-        android:name="io.flutter.app.FlutterApplication"
+        android:name="${applicationName}"
         android:label="example"
         android:icon="@mipmap/ic_launcher">
         <activity

example/android/build.gradle

@@ -1,12 +1,12 @@
 buildscript {
-    ext.kotlin_version = '1.3.50'
+    ext.kotlin_version = '1.6.10'
     repositories {
         google()
         jcenter()
     }
 
     dependencies {
-        classpath 'com.android.tools.build:gradle:3.5.0'
+        classpath 'com.android.tools.build:gradle:7.1.2'
         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
     }
 }

example/android/gradle/wrapper/gradle-wrapper.properties

@@ -3,4 +3,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-5.6.2-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-7.4-all.zip

example/lib/main.dart

@@ -23,11 +23,12 @@ class HomeScreen extends StatelessWidget {
         padding: EdgeInsets.all(20.0),
         children: <Widget>[
           ClipPath(
-            clipper: WaveClipperOne(flip: true,reverse: true),
+            clipper: WaveClipperOne(flip: true, reverse: true),
             child: Container(
               height: 120,
               color: Colors.orange,
-              child: Center(child: Text("WaveClipperTwo(flip: true,reverse: true)")),
+              child: Center(
+                  child: Text("WaveClipperTwo(flip: true,reverse: true)")),
             ),
           ),
           SizedBox(height: 10.0),
@@ -41,11 +42,12 @@ class HomeScreen extends StatelessWidget {
           ),
           SizedBox(height: 10.0),
           ClipPath(
-            clipper: WaveClipperTwo(flip: true,reverse: true),
+            clipper: WaveClipperTwo(flip: true, reverse: true),
             child: Container(
               height: 120,
               color: Colors.orange,
-              child: Center(child: Text("WaveClipperTwo(flip: true,reverse:true)")),
+              child: Center(
+                  child: Text("WaveClipperTwo(flip: true,reverse:true)")),
             ),
           ),
           SizedBox(height: 10.0),
@@ -323,6 +325,16 @@ class HomeScreen extends StatelessWidget {
               child: Center(child: Text("MessageClipper()")),
             ),
           ),
+          SizedBox(height: 20),
+          ClipPath(
+            clipper: WavyCircleClipper(32),
+            child: Container(
+              width: 400,
+              height: 400,
+              color: Colors.purple,
+              child: const Center(child: Text("WavyCircleClipper()")),
+            ),
+          ),
         ],
       ),
     );

lib/flutter_custom_clippers.dart

@@ -1,23 +1,24 @@
+export 'src/arc_clipper.dart';
+export 'src/arrow_clipper.dart';
 export 'src/diagonal_path_clipper_1.dart';
 export 'src/diagonal_path_clipper_2.dart';
 export 'src/hexagonal_clipper.dart';
+export 'src/message_clipper.dart';
+export 'src/movie_ticket_both_side_clipper.dart';
+export 'src/movie_ticket_clipper.dart';
+export 'src/multiple_pointed_edge.dart';
+export 'src/multiple_rounded_curve.dart';
 export 'src/octagonal_clipper.dart';
+export 'src/oval_bottom_clipper.dart';
+export 'src/oval_left_clipper.dart';
+export 'src/oval_right_clipper.dart';
 export 'src/oval_top_border_clipper.dart';
 export 'src/parallelogram_clipper.dart';
+export 'src/points_clipper.dart';
 export 'src/rounded_diagonal_path_clipper.dart';
+export 'src/side_cut_clipper.dart';
+export 'src/star_clipper.dart';
+export 'src/triangle_clipper.dart';
 export 'src/wave_clipper_1.dart';
 export 'src/wave_clipper_2.dart';
-export 'src/multiple_pointed_edge.dart';
-export 'src/multiple_rounded_curve.dart';
-export 'src/arc_clipper.dart';
-export 'src/movie_ticket_both_side_clipper.dart';
-export 'src/movie_ticket_clipper.dart';
-export 'src/points_clipper.dart';
-export 'src/triangle_clipper.dart';
-export 'src/arrow_clipper.dart';
-export 'src/star_clipper.dart';
-export 'src/message_clipper.dart';
-export 'src/oval_left_clipper.dart';
-export 'src/oval_right_clipper.dart';
-export 'src/oval_bottom_clipper.dart';
-export 'src/side_cut_clipper.dart';
+export 'src/wavy_circle_clipper.dart';

lib/src/wavy_circle_clipper.dart

@@ -0,0 +1,71 @@
+import 'dart:math' as math;
+
+import 'package:flutter/widgets.dart';
+
+/// Clip widget in star shape
+class WavyCircleClipper extends CustomClipper<Path> {
+  WavyCircleClipper(this.numberOfPoints);
+
+  /// The number of points of the star
+  final int numberOfPoints;
+
+  late int counter = 0;
+
+  @override
+  Path getClip(Size size) {
+    double width = size.width;
+
+    double halfWidth = width / 2;
+
+    double radius = halfWidth / 1.11;
+
+    double outerCurveRadius = width / 2.08;
+
+    double innerCurveRadius = width / 2.42;
+
+    double degreesPerStep = _degToRad(360 / numberOfPoints) as double;
+
+    double halfDegreesPerStep = degreesPerStep / 2;
+
+    var path = Path();
+
+    double max = 2 * math.pi;
+
+    path.moveTo(width, halfWidth);
+
+    path.moveTo(
+      halfWidth + radius * math.cos(0 + halfDegreesPerStep),
+      halfWidth + radius * math.sin(0 + halfDegreesPerStep),
+    );
+
+    for (double step = 0; step < max + 1; step += degreesPerStep) {
+      if (counter % 2 == 0) {
+        path.quadraticBezierTo(
+          halfWidth + outerCurveRadius * math.cos(step),
+          halfWidth + outerCurveRadius * math.sin(step),
+          halfWidth + radius * math.cos(step + halfDegreesPerStep),
+          halfWidth + radius * math.sin(step + halfDegreesPerStep),
+        );
+      } else {
+        path.quadraticBezierTo(
+          halfWidth + innerCurveRadius * math.cos(step),
+          halfWidth + innerCurveRadius * math.sin(step),
+          halfWidth + radius * math.cos(step + halfDegreesPerStep),
+          halfWidth + radius * math.sin(step + halfDegreesPerStep),
+        );
+      }
+
+      counter++;
+    }
+    path.close();
+    return path;
+  }
+
+  num _degToRad(num deg) => deg * (math.pi / 180.0);
+
+  @override
+  bool shouldReclip(CustomClipper<Path> oldClipper) {
+    WavyCircleClipper oldie = oldClipper as WavyCircleClipper;
+    return numberOfPoints != oldie.numberOfPoints;
+  }
+}