Closed vanntrong closed 9 months ago
Hello, I am using @react-native-community/blur": "^4.3.2", But I got the issue that my app will crash when I navigate to screen have blur After check logcat, I found that My code:
import {BlurView} from '@react-native-community/blur'; import Animated, {Easing, useAnimatedStyle, useSharedValue, withTiming} from 'react-native-reanimated'; const BlurViewAnimated = Animated.createAnimatedComponent<any>(BlurView); const animatedStyles = useAnimatedStyle(() => ({ opacity: opacity.value, })); <BlurViewAnimated style={[styles.absolute, animatedStyles]} blurType="dark" blurAmount={0} reducedTransparencyFallbackColor="white" />
Anyone can help me
My package.json:
"@dongminyu/react-native-step-counter": "^0.2.1", "@gluestack-style/react": "^0.2.45", "@gluestack-ui/themed": "^0.1.39", "@gorhom/bottom-sheet": "^4.5.1", "@react-native-community/async-storage": "^1.12.1", "@react-native-community/blur": "^4.3.2", "@react-navigation/bottom-tabs": "^6.5.8", "@react-navigation/native": "^6.1.7", "@react-navigation/stack": "^6.3.17", "@tanstack/react-query": "^4.35.3", "@types/react-native-video": "^5.0.15", "axios": "^1.5.0", "formik": "^2.4.4", "moment": "^2.29.4", "react": "^18.2.0", "react-dom": "^18.2.0", "react-native": "0.72.4", "react-native-collapsible": "^1.6.1", "react-native-dotenv": "^3.4.9", "react-native-gesture-handler": "^2.12.1", "react-native-media-controls": "^2.3.0", "react-native-permissions": "^3.9.0", "react-native-progress": "^5.0.0", "react-native-reanimated": "^3.5.2", "react-native-reanimated-carousel": "^3.5.1", "react-native-safe-area-context": "^4.7.2", "react-native-screens": "^3.25.0", "react-native-segmented-round-display": "^1.0.0", "react-native-slider": "^0.11.0", "react-native-sound": "^0.11.2", "react-native-storage": "^1.0.1", "react-native-svg": "13.4.0", "react-native-vector-icons": "^10.0.0", "react-native-video": "^6.0.0-alpha.8", "react-native-web": "^0.19.8", "react-router-dom": "^6.15.0", "react-router-native": "^6.15.0", "typescript": "^4.8.4", "yup": "^1.2.0", "zustand": "^4.4.1"
After view other issues, I found this comment will fix my issue: https://github.com/Kureev/react-native-blur/issues/439#issuecomment-1536771257
Hello, I am using @react-native-community/blur": "^4.3.2", But I got the issue that my app will crash when I navigate to screen have blur After check logcat, I found that
My code:
Anyone can help me
My package.json: