chore: update styles, add splash config, and improve search functionality
- Replace deprecated StyleSheet.absoluteFillObject with StyleSheet.absoluteFill (React Native 0.76+) - Add splash screen configuration in app.json - Fix duplicate UIBackgroundModes and add audio mode for iOS - Disable Android ripple effect on tab bar buttons - Improve SmartImage loading state to prevent unnecessary re-renders - Refactor ImageGrid to use mainUri with separate previewUrl for better preview handling - Add market search support with trade items tab in SearchScreen - Pass homeTab prop to SearchScreen for context-aware search behavior - Simplify fetchUnreadCount return type to void in MessageSyncService - Fix StatusBar import from expo to react-native in ChatScreen
This commit is contained in:
@@ -1,8 +1,9 @@
|
||||
import { useMemo, useCallback } from 'react';
|
||||
import { Platform, useWindowDimensions } from 'react-native';
|
||||
import { Platform, Pressable, useWindowDimensions } from 'react-native';
|
||||
import { Tabs, usePathname } from 'expo-router';
|
||||
import { MaterialCommunityIcons } from '@expo/vector-icons';
|
||||
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
||||
import type { PressableProps } from 'react-native';
|
||||
|
||||
import { useAppColors, shadows } from '../../../src/theme';
|
||||
import { BREAKPOINTS } from '../../../src/hooks';
|
||||
@@ -12,6 +13,16 @@ const TAB_BAR_HEIGHT = 56;
|
||||
const TAB_BAR_FLOATING_MARGIN = 12;
|
||||
const TAB_BAR_MARGIN = 20;
|
||||
|
||||
const TabBarButton = ({ children, style, ...rest }: PressableProps) => (
|
||||
<Pressable
|
||||
{...rest}
|
||||
style={style}
|
||||
android_ripple={null}
|
||||
>
|
||||
{children}
|
||||
</Pressable>
|
||||
);
|
||||
|
||||
export default function TabsLayout() {
|
||||
const colors = useAppColors();
|
||||
const { width } = useWindowDimensions();
|
||||
@@ -72,6 +83,7 @@ export default function TabsLayout() {
|
||||
marginHorizontal: 2,
|
||||
paddingVertical: 1,
|
||||
},
|
||||
tabBarButton: (props) => <TabBarButton {...props} />,
|
||||
tabBarShowLabel: true,
|
||||
tabBarLabelStyle: { fontSize: 11, fontWeight: '600', marginTop: -1 },
|
||||
}}
|
||||
|
||||
Reference in New Issue
Block a user