Creepso/NuvioStreaming
1
0
Fork 0
mirror of https://github.com/tapframe/NuvioStreaming.git synced 2026-05-09 19:40:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor AppNavigator and ShowRatingsScreen for iOS compatibility; update navigation presentation to modal and adjust background colors with BlurView for improved visual consistency on iOS devices.

Browse source
This commit is contained in:
Nayif Noushad 2025-04-20 12:23:15 +05:30
parent 221d5de368
commit 62371d4bf5
2 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/navigation/AppNavigator.tsx
View file

@ -651,12 +651,12 @@ const AppNavigator = () => {
options={{ options={{
animation: 'fade', animation: 'fade',
animationDuration: 200, animationDuration: 200,
presentation: 'card', ...(Platform.OS === 'ios' && { presentation: 'modal' }),
gestureEnabled: true, gestureEnabled: true,
gestureDirection: 'horizontal', gestureDirection: 'horizontal',
headerShown: false, headerShown: false,
contentStyle: { contentStyle: {
backgroundColor: colors.darkBackground, backgroundColor: 'transparent',
}, },
}} }}
/> />

17
src/screens/ShowRatingsScreen.tsx
View file

@ -11,6 +11,7 @@ import {
StatusBar, StatusBar,
} from 'react-native'; } from 'react-native';
import { Image } from 'expo-image'; import { Image } from 'expo-image';
import { BlurView } from 'expo-blur';
import { colors } from '../styles'; import { colors } from '../styles';
import { TMDBService, TMDBShow as Show, TMDBSeason, TMDBEpisode } from '../services/tmdbService'; import { TMDBService, TMDBShow as Show, TMDBSeason, TMDBEpisode } from '../services/tmdbService';
import { RouteProp } from '@react-navigation/native'; import { RouteProp } from '@react-navigation/native';
@ -367,7 +368,14 @@ const ShowRatingsScreen = ({ route }: Props) => {
} }
return ( return (
<View style={[styles.container, { backgroundColor: colors.black }]}> <View style={[styles.container, { backgroundColor: Platform.OS === 'ios' ? 'transparent' : colors.black }]}>
{Platform.OS === 'ios' && (
<BlurView
style={StyleSheet.absoluteFill}
tint="dark"
intensity={60}
/>
)}
<StatusBar <StatusBar
translucent translucent
backgroundColor="transparent" backgroundColor="transparent"
@ -528,7 +536,6 @@ const ShowRatingsScreen = ({ route }: Props) => {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
flex: 1, flex: 1,
backgroundColor: colors.black,
}, },
scrollView: { scrollView: {
flex: 1, flex: 1,
@ -548,7 +555,7 @@ const styles = StyleSheet.create({
showInfo: { showInfo: {
flexDirection: 'row', flexDirection: 'row',
marginBottom: 12, marginBottom: 12,
backgroundColor: colors.darkBackground, backgroundColor: Platform.OS === 'ios' ? 'transparent' : colors.darkBackground,
borderRadius: 8, borderRadius: 8,
padding: 8, padding: 8,
}, },
@ -641,7 +648,7 @@ const styles = StyleSheet.create({
lineHeight: 16, lineHeight: 16,
}, },
legend: { legend: {
backgroundColor: colors.darkBackground, backgroundColor: Platform.OS === 'ios' ? 'transparent' : colors.darkBackground,
borderRadius: 8, borderRadius: 8,
padding: 8, padding: 8,
marginBottom: 12, marginBottom: 12,
@ -693,7 +700,7 @@ const styles = StyleSheet.create({
flex: 1, flex: 1,
}, },
ratingsGrid: { ratingsGrid: {
backgroundColor: colors.darkBackground, backgroundColor: Platform.OS === 'ios' ? 'transparent' : colors.darkBackground,
borderRadius: 8, borderRadius: 8,
padding: 8, padding: 8,
}, },