Kureev / react-native-blur

React Native Blur component
MIT License
3.74k stars 555 forks source link

Android build app crashed in version ^4.3.2 #597

Closed vanntrong closed 9 months ago

vanntrong commented 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 Screenshot 2023-09-27 at 23 52 03 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"
vanntrong commented 9 months ago

After view other issues, I found this comment will fix my issue: https://github.com/Kureev/react-native-blur/issues/439#issuecomment-1536771257