Merge pull request #14 from FrenkyDema/task/fix-action-buttons

Fix ActionButtons

Author: FrenkyDema

example/lib/main.dart

@@ -78,34 +78,90 @@ class _HomePageState extends State<HomePage> {
 
   // Increment/Decrement Page
   Widget _buildIncrementDecrementPage(BuildContext context) {
-    int quantity = 1;
-
     return StatefulBuilder(
       builder: (context, setState) {
+        int quantity1 = 1;
+        int quantity2 = 5;
+        int quantity3 = 8;
+
         return PaddedChildrenList(
           children: [
             Text(
               'Increment/Decrement Widget',
               style: Theme.of(context).textTheme.titleLarge,
             ),
-            IncrementDecrementWidget(
-              quantity: quantity,
-              maxQuantity: 10,
-              minValue: 1,
-              onIncrement: () {
-                setState(() {
-                  if (quantity < 10) quantity++;
-                });
+            const SizedBox(height: 16),
+
+            // Flat Example
+            StatefulBuilder(
+              builder: (context, setState) {
+                return IncrementDecrementWidget.flat(
+                  quantity: quantity1,
+                  maxQuantity: 10,
+                  minValue: 1,
+                  onIncrement: () {
+                    setState(() {
+                      if (quantity1 < 10) quantity1++;
+                    });
+                  },
+                  onDecrement: () {
+                    setState(() {
+                      if (quantity1 > 1) quantity1--;
+                    });
+                  },
+                  backgroundColor: Colors.grey[200],
+                  iconColor: Colors.blue,
+                );
               },
-              onDecrement: () {
-                setState(() {
-                  if (quantity > 1) quantity--;
-                });
+            ),
+
+            const SizedBox(height: 16),
+
+            // Raised Example
+            StatefulBuilder(
+              builder: (context, setState) {
+                return IncrementDecrementWidget.raised(
+                  quantity: quantity2,
+                  maxQuantity: 15,
+                  minValue: 0,
+                  onIncrement: () {
+                    setState(() {
+                      if (quantity2 < 15) quantity2++;
+                    });
+                  },
+                  onDecrement: () {
+                    setState(() {
+                      if (quantity2 > 0) quantity2--;
+                    });
+                  },
+                  backgroundColor: Colors.lightGreen[100],
+                  iconColor: Colors.green,
+                );
+              },
+            ),
+
+            const SizedBox(height: 16),
+
+            // Minimal Example
+            StatefulBuilder(
+              builder: (context, setState) {
+                return IncrementDecrementWidget.minimal(
+                  quantity: quantity3,
+                  maxQuantity: 20,
+                  minValue: 5,
+                  onIncrement: () {
+                    setState(() {
+                      if (quantity3 < 20) quantity3++;
+                    });
+                  },
+                  onDecrement: () {
+                    setState(() {
+                      if (quantity3 > 5) quantity3--;
+                    });
+                  },
+                  iconColor: Colors.red,
+                );
               },
-              backgroundColor: Colors.grey[200],
-              iconColor: Colors.blue,
-              elevation: 4.0,
-              margin: const EdgeInsets.all(8.0),
             ),
           ],
         );
@@ -122,10 +178,12 @@ class _HomePageState extends State<HomePage> {
         return PaddedChildrenList(
           children: [
             Text(
-              'Custom Action Button',
+              'Custom Action Buttons',
               style: Theme.of(context).textTheme.titleLarge,
             ),
-            CustomActionButton(
+            const SizedBox(height: 16),
+            // Raised Button Example
+            CustomActionButton.raised(
               onPressed: () {
                 setState(() {
                   counter++;
@@ -135,9 +193,34 @@ class _HomePageState extends State<HomePage> {
               borderColor: Colors.blueAccent,
               elevation: 4.0,
               borderRadius: 8.0,
-              child: Text('Custom Action Button ($counter)',
+              child: Text('Raised Button ($counter)',
                   style: const TextStyle(color: Colors.white)),
             ),
+            const SizedBox(height: 16),
+            // Flat Button Example
+            CustomActionButton.flat(
+              onPressed: () {
+                setState(() {
+                  counter++;
+                });
+              },
+              backgroundColor: Colors.green,
+              borderColor: Colors.transparent,
+              borderRadius: 8.0,
+              child: Text('Flat Button ($counter)',
+                  style: const TextStyle(color: Colors.white)),
+            ),
+            const SizedBox(height: 16),
+            // Minimal Button Example
+            CustomActionButton.minimal(
+              onPressed: () {
+                setState(() {
+                  counter++;
+                });
+              },
+              child: Text('Minimal Button ($counter)',
+                  style: const TextStyle(color: Colors.black)),
+            ),
           ],
         );
       },

lib/risto_widgets.dart

@@ -1,9 +1,10 @@
 library risto_widgets;
 
+export 'widgets/buttons/action_wrapper.dart';
 export 'widgets/buttons/custom_action_button.dart';
+export 'widgets/buttons/expandable_list_tile_button.dart';
 export 'widgets/buttons/list_tile_button.dart';
-export 'widgets/navigation/custom_bottom_navbar.dart';
 export 'widgets/input/increment_decrement_widget.dart';
-export 'widgets/sheets/open_custom_sheet.dart';
 export 'widgets/layouts/padded_widgets.dart';
-export 'widgets/buttons/expandable_list_tile_button.dart';
+export 'widgets/navigation/custom_bottom_navbar.dart';
+export 'widgets/sheets/open_custom_sheet.dart';

lib/widgets/buttons/action_wrapper.dart

@@ -0,0 +1,42 @@
+import 'package:flutter/material.dart';
+
+class ActionButtonWrapper extends StatelessWidget {
+  final EdgeInsetsGeometry _margin;
+  final double _height;
+  final double _width;
+  final Widget child;
+  final Color? backgroundColor;
+  final BorderRadius? borderRadius;
+
+  ActionButtonWrapper({
+    super.key,
+    EdgeInsetsGeometry? margin,
+    double paddingValue = 16.0, // Default value
+    double? height,
+    double? width,
+    required this.child,
+    this.backgroundColor,
+    this.borderRadius,
+  })  : _margin = margin ??
+            EdgeInsets.only(
+              bottom: 8,
+              right: paddingValue,
+              left: paddingValue,
+            ),
+        _height = height ?? 60,
+        _width = width ?? double.infinity;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: _margin,
+      width: _width,
+      height: _height,
+      decoration: BoxDecoration(
+        color: backgroundColor ?? Colors.transparent,
+        borderRadius: borderRadius ?? BorderRadius.circular(10),
+      ),
+      child: child,
+    );
+  }
+}