Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Invariant Violation: requireNativeComponent: "BlurView" was not found in the UIManager #290

Open
myjbuilddream opened this issue Nov 15, 2018 · 27 comments

Comments

@myjbuilddream
Copy link

No description provided.

@LebranD
Copy link

LebranD commented Nov 21, 2018

i have met the same issue,did you resolve it?

@sdcooke
Copy link

sdcooke commented Nov 24, 2018

Have you run react-native link and rebuilt the app? (e.g. react-native run-ios)

@harveyconnor
Copy link

Same issue here

@thientnc-ibl
Copy link

@myjbuilddream, @harveyconnor, @KevinDXS
I think you forget to run ./pod install. Because react-native link just updates the podfile

@wangdicoder
Copy link

RN image now supports the blur effect. https://facebook.github.io/react-native/docs/image#blurradius

@zackarysin
Copy link

I have the same issue for Android:(

screen shot 2019-01-05 at 3 44 10 pm

@indiorlei
Copy link

Just add "RNBlur" into Xcode libs.

Open the following folder:
node_modules/react-native-blur/ios

You can drag the RNBlur.xcodeproj file from node_modules/react-native-blur/ios for your project libraries in Xcode and then add the lib in General> Linked Frameworks and Libraries.

@AireshBhat
Copy link

AireshBhat commented Jul 18, 2019

@Titinious Did you find any solution for android?
Edit:
Nevermind. I found the solution.
For android, add this in your android/app/src/main/java/{your_project_name}/MainApplication.java

...
  return Arrays.<ReactPackage>asList(
    // your previous packages
    new BlurViewPackage()
  );

@JimTeva
Copy link

JimTeva commented Apr 10, 2020

Thanks to @AireshBhat I solved it in Android but needed first to import the package.

In android/app/src/main/java/{your_project_name}/MainApplication.java

import com.cmcewen.blurview.BlurViewPackage; // <-- Here
...
protected List<ReactPackage> getPackages() {
  // Add additional packages you require here
  return Arrays.<ReactPackage>asList(..., new BlurViewPackage()); // <-- Here
}

@peterchijioke
Copy link

Any solution for this issue?

@bogda23
Copy link

bogda23 commented Oct 24, 2020

Same issue here! Nothing worked. Someone found a solution?
Inked122503068_402468217797183_8835618900866963595_n_LI

@Vlad202
Copy link

Vlad202 commented Oct 30, 2020

Same issue here! Nothing worked. Someone found a solution?
Inked122503068_402468217797183_8835618900866963595_n_LI

i got the same error, what the solution? Can you help?

@bogda23
Copy link

bogda23 commented Nov 2, 2020 via email

@SherrieCao
Copy link

SherrieCao commented Dec 3, 2020

Same issue here.
WechatIMG485

@EvanKoe
Copy link

EvanKoe commented Sep 6, 2021

Using React Native, I cannot find the android/ folder you're talking about. Gradle did not help me, neither did react-native link. Could someone help me, please ? Thanks !

@GitForAndrey
Copy link

Using React Native, I cannot find the android/ folder you're talking about. Gradle did not help me, neither did react-native link. Could someone help me, please ? Thanks !

Hi, friend. I spent two days trying to find a solution to this problem on an Android device but all the solutions to the problem did not help. i used React native 0.65.0. Today I decided to install a different version of RN 0.62.0 and everything works fine. Perhaps other versions of RN will work.

@SirCameron
Copy link

On RN 66.4 I still get this error...
When adding the package to the package list, I get

package com.cmcewen.blurview does not exist

@ghost
Copy link

ghost commented Jul 13, 2022

On RN 66.4 I still get this error... When adding the package to the package list, I get

package com.cmcewen.blurview does not exist

yes I am also facing same issue

@anuj2285
Copy link

npx react-native-@react-native-community/blur

and then npx react-native run-android

@chenop
Copy link

chenop commented Nov 16, 2022

package com.cmcewen.blurview does not exist

Anyone have solved this issue for version "4.3.0"?

@chenop
Copy link

chenop commented Nov 17, 2022

Finally solved it.
If you upgraded @react-native-community/blur from 3.6.0 to 4.x.x, note that in MainApplication.java the import has changed from:
import com.cmcewen.blurview.BlurViewPackage;
to:
import com.reactnativecommunity.blurview.BlurViewPackage;

@chrisdugne
Copy link

Hi @chenop , not working for me

error: package com.reactnativecommunity.blurview does not exist
import com.reactnativecommunity.blurview.BlurViewPackage;

@chenop
Copy link

chenop commented Jan 9, 2023

Hi @chenop , not working for me

error: package com.reactnativecommunity.blurview does not exist
import com.reactnativecommunity.blurview.BlurViewPackage;

Check in node_modules/@react-native-community/blur - what is the path for BlurViewPackage?
What package version do you use?

@AndonMitev
Copy link

I'm facing the same issue using "@react-native-community/blur": "4.3.0" it throws
image

@Timi-Duban
Copy link

I'm facing the same issue using "@react-native-community/blur": "4.3.0" it throws image

Facing the exact same error with RN 0.70.5, on both Android and iOS.

@mahabbatzakariyayev
Copy link

this works

@antoniuschan99
Copy link

I tried declaring it like this

import { BlurView } from "@react-native-community/blur";
instead of
import { BlurView } from "react-native-blur";

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests