Update app.json to change splash screen background color to white; refactor MainNavigator and screens to utilize dynamic padding with useSafeAreaInsets, enhancing layout consistency across Home, Menu, and Profile screens.

This commit is contained in:
Mekan1206
2025-09-11 13:11:19 +05:00
parent 27f16f3c38
commit 27f43a77fd
5 changed files with 11 additions and 14 deletions

View File

@@ -2,7 +2,7 @@ import React from 'react';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { Ionicons } from '@expo/vector-icons';
import { COLORS } from '../constants/colors';
import { View, ActivityIndicator, Platform } from 'react-native';
import { View, ActivityIndicator, Platform, OS } from 'react-native';
import { useSafeAreaInsets } from 'react-native-safe-area-context';
import HomeScreen from '../screens/Main/HomeScreen';
@@ -37,9 +37,9 @@ const MainNavigator = () => {
backgroundColor: COLORS.white,
borderTopWidth: 1,
borderTopColor: COLORS.gray[200],
paddingBottom: Math.max(insets.bottom, Platform.OS === 'android' ? 16 : 8),
paddingBottom: (insets.bottom || 16),
paddingTop: 8,
height: 82 + Math.max(insets.bottom, Platform.OS === 'android' ? 16 : 8),
height: Platform.OS === 'ios' ? 100 : (82 + (insets.bottom || 16)),
elevation: 8,
shadowColor: COLORS.gray[900],
shadowOffset: {