Creepso/NuvioStreaming
1
0
Fork 0
mirror of https://github.com/tapframe/NuvioStreaming.git synced 2026-05-08 11:10:55 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

some fixes

Browse source
This commit is contained in:
Nayif Noushad 2025-04-13 12:56:07 +05:30
parent 97bd2210a8
commit 730f42c1e4
2 changed files with 70 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/screens/MetadataScreen.tsx
View file

@ -782,6 +782,7 @@ const MetadataScreen = () => {
translucent={true} translucent={true}
backgroundColor="transparent" backgroundColor="transparent"
barStyle="light-content" barStyle="light-content"
animated={true}
/> />
<Animated.View style={containerAnimatedStyle}> <Animated.View style={containerAnimatedStyle}>
<ScrollView <ScrollView
@ -804,13 +805,13 @@ const MetadataScreen = () => {
<LinearGradient <LinearGradient
colors={[ colors={[
`${colors.darkBackground}00`, `${colors.darkBackground}00`,
`${colors.darkBackground}15`, `${colors.darkBackground}20`,
`${colors.darkBackground}40`, `${colors.darkBackground}50`,
`${colors.darkBackground}B3`, `${colors.darkBackground}C0`,
`${colors.darkBackground}E6`, `${colors.darkBackground}F8`,
colors.darkBackground colors.darkBackground
]} ]}
locations={[0, 0.3, 0.5, 0.7, 0.85, 1]} locations={[0, 0.4, 0.65, 0.8, 0.9, 1]}
style={styles.heroGradient} style={styles.heroGradient}
> >
<Animated.View entering={FadeInDown.delay(200).springify()} style={styles.heroContent}> <Animated.View entering={FadeInDown.delay(200).springify()} style={styles.heroContent}>
@ -989,7 +990,8 @@ const MetadataScreen = () => {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
flex: 1, flex: 1,
paddingTop: Platform.OS === 'ios' ? 0 : StatusBar.currentHeight || 0, backgroundColor: 'transparent',
paddingTop: 0,
}, },
scrollView: { scrollView: {
flex: 1, flex: 1,
@ -1052,9 +1054,9 @@ const styles = StyleSheet.create({
overflow: 'hidden', overflow: 'hidden',
}, },
heroImage: { heroImage: {
width: '100%', width: '110%',
height: '105%', height: '100%',
top: '-2.5%', top: '-5%',
transform: [{ scale: 1 }], transform: [{ scale: 1 }],
}, },
heroGradient: { heroGradient: {

106
src/screens/StreamsScreen.tsx
View file

@ -913,58 +913,70 @@ export const StreamsScreen = () => {
{type === 'series' && currentEpisode && ( {type === 'series' && currentEpisode && (
<Animated.View style={[styles.streamsHeroContainer, heroStyle]}> <Animated.View style={[styles.streamsHeroContainer, heroStyle]}>
<ImageBackground <Animated.View
source={episodeImage ? { uri: episodeImage } : undefined} entering={FadeIn.duration(600).springify()}
style={styles.streamsHeroBackground} style={StyleSheet.absoluteFill}
fadeDuration={0}
resizeMode="cover"
> >
<LinearGradient <Animated.View
colors={[ entering={FadeIn.duration(800).delay(100).springify().withInitialValues({
'rgba(0,0,0,0)', transform: [{ scale: 1.05 }]
'rgba(0,0,0,0.4)', })}
'rgba(0,0,0,0.7)', style={StyleSheet.absoluteFill}
'rgba(0,0,0,0.85)',
'rgba(0,0,0,0.95)',
colors.darkBackground
]}
locations={[0, 0.3, 0.5, 0.7, 0.85, 1]}
style={styles.streamsHeroGradient}
> >
<View style={styles.streamsHeroContent}> <ImageBackground
<View style={styles.streamsHeroInfo}> source={episodeImage ? { uri: episodeImage } : undefined}
<Text style={styles.streamsHeroEpisodeNumber}> style={styles.streamsHeroBackground}
{currentEpisode.episodeString} fadeDuration={0}
</Text> resizeMode="cover"
<Text style={styles.streamsHeroTitle} numberOfLines={1}> >
{currentEpisode.name} <LinearGradient
</Text> colors={[
{currentEpisode.overview && ( 'rgba(0,0,0,0)',
<Text style={styles.streamsHeroOverview} numberOfLines={2}> 'rgba(0,0,0,0.4)',
{currentEpisode.overview} 'rgba(0,0,0,0.7)',
</Text> 'rgba(0,0,0,0.85)',
)} 'rgba(0,0,0,0.95)',
<View style={styles.streamsHeroMeta}> colors.darkBackground
<Text style={styles.streamsHeroReleased}> ]}
{tmdbService.formatAirDate(currentEpisode.air_date)} locations={[0, 0.3, 0.5, 0.7, 0.85, 1]}
</Text> style={styles.streamsHeroGradient}
{currentEpisode.vote_average > 0 && ( >
<View style={styles.streamsHeroRating}> <View style={styles.streamsHeroContent}>
<Image <View style={styles.streamsHeroInfo}>
source={{ uri: TMDB_LOGO }} <Text style={styles.streamsHeroEpisodeNumber}>
style={styles.tmdbLogo} {currentEpisode.episodeString}
contentFit="contain" </Text>
/> <Text style={styles.streamsHeroTitle} numberOfLines={1}>
<Text style={styles.streamsHeroRatingText}> {currentEpisode.name}
{currentEpisode.vote_average.toFixed(1)} </Text>
{currentEpisode.overview && (
<Text style={styles.streamsHeroOverview} numberOfLines={2}>
{currentEpisode.overview}
</Text> </Text>
)}
<View style={styles.streamsHeroMeta}>
<Text style={styles.streamsHeroReleased}>
{tmdbService.formatAirDate(currentEpisode.air_date)}
</Text>
{currentEpisode.vote_average > 0 && (
<View style={styles.streamsHeroRating}>
<Image
source={{ uri: TMDB_LOGO }}
style={styles.tmdbLogo}
contentFit="contain"
/>
<Text style={styles.streamsHeroRatingText}>
{currentEpisode.vote_average.toFixed(1)}
</Text>
</View>
)}
</View> </View>
)} </View>
</View> </View>
</View> </LinearGradient>
</View> </ImageBackground>
</LinearGradient> </Animated.View>
</ImageBackground> </Animated.View>
</Animated.View> </Animated.View>
)} )}