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

removed communtiy blur from android

Browse source
This commit is contained in:
tapframe 2025-08-08 19:05:30 +05:30
parent 2a320e5a00
commit 79cf375b60
2 changed files with 19 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/components/NuvioHeader.tsx
View file

@ -5,8 +5,6 @@ import { useNavigation, useRoute } from '@react-navigation/native';
import type { NativeStackNavigationProp } from '@react-navigation/native-stack';
import type { RootStackParamList } from '../navigation/AppNavigator';
import { BlurView as ExpoBlurView } from 'expo-blur';
import { BlurView as CommunityBlurView } from '@react-native-community/blur';
import Constants, { ExecutionEnvironment } from 'expo-constants';
import { useTheme } from '../contexts/ThemeContext';
type NavigationProp = NativeStackNavigationProp<RootStackParamList>;
@ -20,29 +18,18 @@ export const NuvioHeader = () => {
if (route.name !== 'Home') {
return null;
}
// Determine if running in Expo Go
const isExpoGo = Constants.executionEnvironment === ExecutionEnvironment.StoreClient;
return (
<View style={styles.container}>
<View style={styles.headerContainer}>
<View style={[
styles.headerContainer,
Platform.OS === 'android' && { backgroundColor: currentTheme.colors.darkBackground }
]}>
{Platform.OS === 'ios' ? (
<ExpoBlurView intensity={60} style={styles.blurOverlay} tint="dark" />
) : (
isExpoGo ? (
<View style={[styles.androidBlurContainer, styles.androidFallbackBlur]} />
) : (
<View style={styles.androidBlurContainer}>
<CommunityBlurView
style={styles.androidBlur}
blurType="dark"
blurAmount={8}
overlayColor="rgba(0,0,0,0.4)"
reducedTransparencyFallbackColor="black"
/>
</View>
)
// Android: solid themed background instead of blur/transparent overlay
<View style={[styles.androidBlurContainer, { backgroundColor: currentTheme.colors.darkBackground }]} />
)}
<View style={styles.contentContainer}>
<View style={styles.logoContainer}>
@ -56,7 +43,13 @@ export const NuvioHeader = () => {
style={styles.searchButton}
onPress={() => navigation.navigate('Search')}
>
<View style={styles.iconWrapper}>
<View style={[
styles.iconWrapper,
{
backgroundColor: currentTheme.colors.transparentLight,
borderColor: currentTheme.colors.border
}
]}>
<MaterialCommunityIcons
name="magnify"
size={24}

14
src/components/metadata/FloatingHeader.tsx
View file

@ -8,7 +8,6 @@ import {
Dimensions,
} from 'react-native';
import { BlurView as ExpoBlurView } from 'expo-blur';
import { BlurView as CommunityBlurView } from '@react-native-community/blur';
import { MaterialIcons } from '@expo/vector-icons';
import { Image } from 'expo-image';
import Animated, {
@ -114,13 +113,12 @@ const FloatingHeader: React.FC<FloatingHeaderProps> = ({
</Animated.View>
</ExpoBlurView>
) : (
<View style={[styles.blurContainer, { paddingTop: Math.max(safeAreaTop * 0.8, safeAreaTop - 6) }]}>
<CommunityBlurView
style={styles.absoluteFill}
blurType="dark"
blurAmount={15}
reducedTransparencyFallbackColor="rgba(20, 20, 20, 0.9)"
/>
<View
style={[
styles.blurContainer,
{ paddingTop: Math.max(safeAreaTop * 0.8, safeAreaTop - 6), backgroundColor: currentTheme.colors.darkBackground }
]}
>
<Animated.View style={[styles.floatingHeaderContent, headerElementsStyle]}>
<TouchableOpacity
style={styles.backButton}