fix: add safe area to main bottom navigation bar

ice-blockchain · Dec 31, 2024 · f766f4b · f766f4b
1 parent 1fc4ffd
commit f766f4b
Showing 1 changed file with 16 additions and 17 deletions.
diff --git a/lib/app/router/main_tabs/main_tab_navigation.dart b/lib/app/router/main_tabs/main_tab_navigation.dart
@@ -93,25 +93,24 @@ class _BottomNavBarContent extends StatelessWidget {
                     ),
                   ],
           ),
-          child: Row(
-            mainAxisAlignment: MainAxisAlignment.spaceBetween,
-            children: TabItem.values.map((tabItem) {
-              final isSelected = currentTab == tabItem;
-              return Expanded(
-                child: GestureDetector(
-                  behavior: HitTestBehavior.opaque,
-                  onTap: () => onTabPressed(tabItem),
-                  child: Container(
-                    padding: EdgeInsets.only(
-                      top: 9.0.s,
-                      bottom: MediaQuery.of(context).padding.bottom > 0 ? 23.0.s : 9.0.s,
+          child: SafeArea(
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: TabItem.values.map((tabItem) {
+                final isSelected = currentTab == tabItem;
+                return Expanded(
+                  child: GestureDetector(
+                    behavior: HitTestBehavior.opaque,
+                    onTap: () => onTabPressed(tabItem),
+                    child: Container(
+                      padding: EdgeInsets.symmetric(vertical: 9.0.s),
+                      color: context.theme.appColors.secondaryBackground,
+                      child: tabItem.getIcon(isSelected: isSelected),
                     ),
-                    color: context.theme.appColors.secondaryBackground,
-                    child: tabItem.getIcon(isSelected: isSelected),
                   ),
-                ),
-              );
-            }).toList(),
+                );
+              }).toList(),
+            ),
           ),
         ),
         if (conversationsEditMode && currentTab == TabItem.chat) const ConversationEditBottomBar(),