Android crash: Failed resolution of: Leightbitlab/com/blurview/RenderEffectBlur

[marcshilling]

Crashes on Android just trying to render the BlurView:

FATAL EXCEPTION: main
Process: com.xxx.yyy, PID: 12028
java.lang.NoClassDefFoundError: Failed resolution of: Leightbitlab/com/blurview/RenderEffectBlur;
    at com.sbaiahmed1.reactnativeblur.ReactNativeBlurView.setupBlurView(ReactNativeBlurView.kt:224)
    at com.sbaiahmed1.reactnativeblur.ReactNativeBlurView.onAttachedToWindow(ReactNativeBlurView.kt:182)
    at android.view.View.dispatchAttachedToWindow(View.java:23298)

React Native 0.77.3, new arch enabled. v3.1.0 of this library.

The code that's causing the crash:

<BlurView
  style={{ flex: 1 }}
  blurType="light"
  blurAmount={4}
  reducedTransparencyFallbackColor="white"
/>

[sbaiahmed1]

Hello, are you using React native navigation ?

[marcshilling]

@sbaiahmed1 I am, yes! react-native-navigation@8.3.2

[sbaiahmed1]

Yes it seems to be an issue that people are reporting
I investigated it a little bit over the weekend and I got some threads to follow

[DanielAraldi]

Hi @sbaiahmed1, I found the problem. You will need to replace the Dimezis version. In wix/react-native-navigation, version 3.x should be used. Check by clicking here!

[sbaiahmed1]

Thank you @DanielAraldi, I'm already in the middle of the upgrade to v 3 by Dmiezis
Thanks for the headsup

[DanielAraldi]

Cool, I updated to Dimezis version 3.x, but I had some issues with React Navigation's BottomTabs. I recommend you pay attention to this. I created an issue on react-native-screens about this, but I'm not sure if the problem is react-native-screens or my implementation, haha.

[sbaiahmed1]

I had already some issues with it unfortunately...
im looking for a solution

[DanielAraldi]

I am with you this 😄

[sbaiahmed1]

@DanielAraldi have you succeed at bumping the Dimezis to 3 ?
I cant seem to make it work and something seems off

[DanielAraldi]

I haven't found a solution for 3v yet. It doesn't work with bottom tabs. I suspect the issue may be with React Native Screens, perhaps causing some side effect.

Can you tell me what your current problem is?

[sbaiahmed1]

I always have either build issues
Blur not applying or crash when i wrap the content in blur target

[DanielAraldi]

I didn't have this issue. I recommend creating a new component, calling it BlurTarget, and using this component to wrap the target that will be blurred. In this react-native-screens issue, I posted my implementation and the issue I'm having. Maybe that's help you with your implementation problem...

[sbaiahmed1]

Could you help if you got time ? I can put the MR tonight and put you as a reviewer to spot the issues i did maybe
If yes i would be thankful

[DanielAraldi]

Unfortunately, I don't have time this week, I'm busy with work and college. But, we can communicate somewhere, as soon as I have free time, I promise to answer you.

[sbaiahmed1]

Thank you!!
Maybe by the time i would finish it already fingers crossed