diff --git a/lib/animated_bottom_navigation_bar.dart b/lib/animated_bottom_navigation_bar.dart
index f1b7e6d..6b5f01b 100644
--- a/lib/animated_bottom_navigation_bar.dart
+++ b/lib/animated_bottom_navigation_bar.dart
@@ -413,23 +413,28 @@ class _AnimatedBottomNavigationBarState
   }
 
   Widget _buildBottomBar(BuildContext context) {
-    return Material(
-      clipBehavior: Clip.antiAlias,
-      color: widget.backgroundColor ?? Colors.white,
-      child: SafeArea(
-        top: widget.safeAreaValues.top,
-        bottom: widget.safeAreaValues.bottom,
-        left: widget.safeAreaValues.left,
-        right: widget.safeAreaValues.right,
-        child: widget.blurEffect
-            ? ClipRect(
-                child: BackdropFilter(
-                  filter: widget.blurFilter ??
-                      ImageFilter.blur(sigmaX: 5, sigmaY: 10),
-                  child: _buildBody(context),
-                ),
-              )
-            : _buildBody(context),
+    return Container(
+      decoration: BoxDecoration(gradient: widget.backgroundGradient),
+      child: Material(
+        clipBehavior: Clip.antiAlias,
+        color: widget.backgroundGradient != null
+            ? Colors.transparent
+            : widget.backgroundColor ?? Colors.white,
+        child: SafeArea(
+          top: widget.safeAreaValues.top,
+          bottom: widget.safeAreaValues.bottom,
+          left: widget.safeAreaValues.left,
+          right: widget.safeAreaValues.right,
+          child: widget.blurEffect
+              ? ClipRect(
+                  child: BackdropFilter(
+                    filter: widget.blurFilter ??
+                        ImageFilter.blur(sigmaX: 5, sigmaY: 10),
+                    child: _buildBody(context),
+                  ),
+                )
+              : _buildBody(context),
+        ),
       ),
     );
   }