Merge pull request #120 from kevlatus/feat/customizable-triangle-indi…

…cator Feat/customizable triangle indicator
kevlatus · Feb 5, 2024 · 4ee5f23 · 4ee5f23
2 parents dedba9e + 754758d
commit 4ee5f23
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -147,6 +147,9 @@ FortuneWheel(
       alignment: Alignment.bottomCenter, // <-- changing the position of the indicator
       child: TriangleIndicator(
         color: Colors.green, // <-- changing the color of the indicator
+        width: 20.0, // <-- changing the width of the indicator
+        height: 20.0, // <-- changing the height of the indicator
+        elevation: 0, // <-- changing the elevation of the indicator
       ),
     ),
   ],

diff --git a/lib/src/indicators/triangle_indicator.dart b/lib/src/indicators/triangle_indicator.dart
@@ -2,10 +2,16 @@ part of 'indicators.dart';
 
 class TriangleIndicator extends StatelessWidget {
   final Color? color;
+  final double width;
+  final double height;
+  final double elevation;
 
   const TriangleIndicator({
     Key? key,
     this.color,
+    this.width = 36.0,
+    this.height = 36.0,
+    this.elevation = 2,
   }) : super(key: key);
 
   @override
@@ -14,11 +20,11 @@ class TriangleIndicator extends StatelessWidget {
     return Transform.rotate(
       angle: _math.pi,
       child: SizedBox(
-        width: 36,
-        height: 36,
+        width: width,
+        height: height,
         child: _Triangle(
           color: color ?? theme.colorScheme.secondary,
-          elevation: 2,
+          elevation: elevation,
         ),
       ),
     );