diff --git a/src/screens/AddonsScreen.tsx b/src/screens/AddonsScreen.tsx index 8096aee0..4d8e6d88 100644 --- a/src/screens/AddonsScreen.tsx +++ b/src/screens/AddonsScreen.tsx @@ -1,4 +1,4 @@ -import React, { useState, useEffect } from 'react'; +import React, { useState, useEffect, useCallback } from 'react'; import { View, Text, @@ -23,6 +23,9 @@ import { MaterialIcons } from '@expo/vector-icons'; import { colors } from '../styles'; import { Image as ExpoImage } from 'expo-image'; import { LinearGradient } from 'expo-linear-gradient'; +import { useNavigation } from '@react-navigation/native'; +import { NavigationProp } from '@react-navigation/native'; +import { RootStackParamList } from '../navigation/AppNavigator'; // Extend Manifest type to include logo interface ExtendedManifest extends Manifest { @@ -31,7 +34,10 @@ interface ExtendedManifest extends Manifest { const { width } = Dimensions.get('window'); +const ANDROID_STATUSBAR_HEIGHT = StatusBar.currentHeight || 0; + const AddonsScreen = () => { + const navigation = useNavigation>(); const [addons, setAddons] = useState([]); const [loading, setLoading] = useState(true); const [searchQuery, setSearchQuery] = useState(''); @@ -177,8 +183,20 @@ const AddonsScreen = () => { return ( - + + + + + Addons + + + + { header: { paddingHorizontal: 16, paddingVertical: 12, - paddingTop: Platform.OS === 'android' ? ANDROID_STATUSBAR_HEIGHT + 12 : 12, + paddingTop: Platform.OS === 'android' ? ANDROID_STATUSBAR_HEIGHT + 12 : 4, borderBottomWidth: 1, borderBottomColor: 'rgba(255,255,255,0.1)', backgroundColor: colors.darkBackground, diff --git a/src/screens/LibraryScreen.tsx b/src/screens/LibraryScreen.tsx index f1460385..3721a278 100644 --- a/src/screens/LibraryScreen.tsx +++ b/src/screens/LibraryScreen.tsx @@ -272,7 +272,7 @@ const styles = StyleSheet.create({ header: { paddingHorizontal: 16, paddingVertical: 12, - paddingTop: Platform.OS === 'android' ? ANDROID_STATUSBAR_HEIGHT + 12 : 12, + paddingTop: Platform.OS === 'android' ? ANDROID_STATUSBAR_HEIGHT + 12 : 4, borderBottomWidth: 1, borderBottomColor: 'rgba(255,255,255,0.1)', backgroundColor: colors.darkBackground, diff --git a/src/screens/SettingsScreen.tsx b/src/screens/SettingsScreen.tsx index 30133855..056636ae 100644 --- a/src/screens/SettingsScreen.tsx +++ b/src/screens/SettingsScreen.tsx @@ -258,7 +258,7 @@ const styles = StyleSheet.create({ header: { paddingHorizontal: 16, paddingVertical: 12, - paddingTop: Platform.OS === 'android' ? ANDROID_STATUSBAR_HEIGHT + 12 : 12, + paddingTop: Platform.OS === 'android' ? ANDROID_STATUSBAR_HEIGHT + 12 : 4, borderBottomWidth: 1, borderBottomColor: 'rgba(255,255,255,0.1)', backgroundColor: colors.darkBackground,