diff --git a/src/components/NuvioHeader.tsx b/src/components/NuvioHeader.tsx index 47749b3d..e279f960 100644 --- a/src/components/NuvioHeader.tsx +++ b/src/components/NuvioHeader.tsx @@ -8,29 +8,23 @@ import type { RootStackParamList } from '../navigation/AppNavigator'; type NavigationProp = NativeStackNavigationProp; -interface NuvioHeaderProps { - routeName: string; -} - -export const NuvioHeader: React.FC = ({ routeName }) => { +export const NuvioHeader = () => { const navigation = useNavigation(); return ( NUVIO - {routeName === 'Home' && ( - navigation.navigate('Search')} - > - - - )} + navigation.navigate('Search')} + > + + ); diff --git a/src/navigation/AppNavigator.tsx b/src/navigation/AppNavigator.tsx index 9cd61597..b13e1e6a 100644 --- a/src/navigation/AppNavigator.tsx +++ b/src/navigation/AppNavigator.tsx @@ -448,8 +448,8 @@ const MainTabs = () => { }} /> ), - header: () => , - headerShown: true, + header: () => route.name === 'Home' ? : null, + headerShown: route.name === 'Home', })} > { const navigation = useNavigation>(); const [selectedCategory, setSelectedCategory] = useState(CATEGORIES[0]); @@ -79,14 +82,15 @@ const DiscoverScreen = () => { header: { paddingHorizontal: 16, paddingVertical: 12, + paddingTop: Platform.OS === 'android' ? ANDROID_STATUSBAR_HEIGHT + 12 : 12, borderBottomWidth: 1, borderBottomColor: 'rgba(255,255,255,0.1)', backgroundColor: colors.darkBackground, }, headerContent: { flexDirection: 'row', - justifyContent: 'space-between', alignItems: 'center', + justifyContent: 'space-between', }, headerTitle: { fontSize: 32, @@ -95,15 +99,8 @@ const DiscoverScreen = () => { color: colors.white, }, searchButton: { - padding: 8, - }, - searchIconContainer: { - width: 44, - height: 44, - borderRadius: 22, - justifyContent: 'center', - alignItems: 'center', - backgroundColor: colors.transparentLight, + padding: 4, + marginLeft: 16, }, categoryContainer: { paddingVertical: 12, @@ -486,13 +483,12 @@ const DiscoverScreen = () => { onPress={handleSearchPress} style={styles.searchButton} > - - - + diff --git a/src/screens/LibraryScreen.tsx b/src/screens/LibraryScreen.tsx index 1a81c5d4..f1460385 100644 --- a/src/screens/LibraryScreen.tsx +++ b/src/screens/LibraryScreen.tsx @@ -11,6 +11,7 @@ import { StatusBar, Animated as RNAnimated, ActivityIndicator, + Platform, } from 'react-native'; import { useNavigation } from '@react-navigation/native'; import { NavigationProp } from '@react-navigation/native'; @@ -28,6 +29,8 @@ interface LibraryItem extends StreamingContent { lastWatched?: string; } +const ANDROID_STATUSBAR_HEIGHT = StatusBar.currentHeight || 0; + const SkeletonLoader = () => { const pulseAnim = React.useRef(new RNAnimated.Value(0)).current; const { width } = useWindowDimensions(); @@ -215,7 +218,9 @@ const LibraryScreen = () => { /> - Library + + Library + @@ -266,9 +271,16 @@ const styles = StyleSheet.create({ }, header: { paddingHorizontal: 16, - paddingTop: 16, - paddingBottom: 12, - backgroundColor: colors.black, + paddingVertical: 12, + paddingTop: Platform.OS === 'android' ? ANDROID_STATUSBAR_HEIGHT + 12 : 12, + borderBottomWidth: 1, + borderBottomColor: 'rgba(255,255,255,0.1)', + backgroundColor: colors.darkBackground, + }, + headerContent: { + flexDirection: 'row', + alignItems: 'center', + justifyContent: 'space-between', }, headerTitle: { fontSize: 32, diff --git a/src/screens/SettingsScreen.tsx b/src/screens/SettingsScreen.tsx index 3b042a7b..30133855 100644 --- a/src/screens/SettingsScreen.tsx +++ b/src/screens/SettingsScreen.tsx @@ -23,6 +23,8 @@ import { RootStackParamList } from '../navigation/AppNavigator'; const { width } = Dimensions.get('window'); +const ANDROID_STATUSBAR_HEIGHT = StatusBar.currentHeight || 0; + interface SettingItemProps { title: string; description: string; @@ -136,9 +138,11 @@ const SettingsScreen: React.FC = () => { - - Settings - + + + Settings + +