From 723fc8fb7a5114c277f41a587ddb3f64473a00f0 Mon Sep 17 00:00:00 2001
From: Sanskar Sharma <sanskar2807@gmail.com>
Date: Mon, 18 Sep 2023 15:31:16 +0530
Subject: [PATCH] Solved the Render Overflow Problem 'Messages test for mes
 teset test test '' Miniimized the gap

---
 example/lib/main.dart    |  2 +-
 lib/bottom_navy_bar.dart | 23 +++++++++++++----------
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/example/lib/main.dart b/example/lib/main.dart
index 9d60f3f..c8693b0 100644
--- a/example/lib/main.dart
+++ b/example/lib/main.dart
@@ -71,7 +71,7 @@ class _MyHomePageState extends State<MyHomePage> {
           BottomNavyBarItem(
             icon: Icon(Icons.message),
             title: Text(
-              'Messages',
+              'Messages test for mes teset test test ',
             ),
             activeColor: Colors.pink,
             textAlign: TextAlign.center,
diff --git a/lib/bottom_navy_bar.dart b/lib/bottom_navy_bar.dart
index 3fdae00..b0e799d 100644
--- a/lib/bottom_navy_bar.dart
+++ b/lib/bottom_navy_bar.dart
@@ -162,7 +162,7 @@ class _ItemWidget extends StatelessWidget {
       container: true,
       selected: isSelected,
       child: AnimatedContainer(
-        width: isSelected ? 130 : 50, // Limit the width here
+        width: isSelected ? 130 : 50,
         height: double.maxFinite,
         duration: animationDuration,
         curve: curve,
@@ -174,7 +174,8 @@ class _ItemWidget extends StatelessWidget {
           scrollDirection: Axis.horizontal,
           physics: NeverScrollableScrollPhysics(),
           child: Container(
-            width: isSelected ? 130 : 50, // Limit the width here
+            // Remove fixed width, let it adjust based on content
+            // width: isSelected ? 130 : 50, // Limit the width here
             padding: EdgeInsets.symmetric(horizontal: 8),
             child: Row(
               mainAxisSize: MainAxisSize.min, // Change to MainAxisSize.min to reduce space
@@ -194,15 +195,17 @@ class _ItemWidget extends StatelessWidget {
                 ),
                 if (isSelected)
                   Container(
-                    padding: itemPadding,
-                    child: DefaultTextStyle.merge(
-                      style: TextStyle(
-                        color: item.activeColor,
-                        fontWeight: FontWeight.bold,
+                    padding: EdgeInsets.only(left: 4), // Adjust left padding here
+                    child: Flexible( // Use Flexible instead of Expanded
+                      child: DefaultTextStyle.merge(
+                        style: TextStyle(
+                          color: item.activeColor,
+                          fontWeight: FontWeight.bold,
+                        ),
+                        maxLines: 1,
+                        textAlign: item.textAlign,
+                        child: item.title,
                       ),
-                      maxLines: 1,
-                      textAlign: item.textAlign,
-                      child: item.title,
                     ),
                   ),
               ],