Kureev / react-native-blur

React Native Blur component
MIT License
3.75k stars 556 forks source link

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

Open myjbuilddream opened 5 years ago

LebranD commented 5 years ago

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

sdcooke commented 5 years ago

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

harveyconnor commented 5 years ago

Same issue here

thientnc-ibl commented 5 years ago

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

wangdicoder commented 5 years ago

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

zackarysin commented 5 years ago

I have the same issue for Android:(

screen shot 2019-01-05 at 3 44 10 pm
indiorlei commented 5 years ago

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 commented 5 years ago

@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 commented 4 years ago

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 commented 4 years ago

Any solution for this issue?

bogda23 commented 3 years ago

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

Vlad202 commented 3 years ago

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 commented 3 years ago

Use expo-blur instead of this.

Hope I helped!

În vin., 30 oct. 2020 la 22:49, Влад Думанский notifications@github.com a scris:

Same issue here! Nothing worked. Someone found a solution? [image: Inked122503068_402468217797183_8835618900866963595_n_LI] https://user-images.githubusercontent.com/33382232/97093137-2a6f5200-1652-11eb-9c16-a8c202b81414.jpg

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

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Kureev/react-native-blur/issues/290#issuecomment-719792479, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH6V6WDYNONI2TITRUZUAITSNMRHHANCNFSM4GD45R4Q .

SherrieCao commented 3 years ago

Same issue here. WechatIMG485

EvanKoe commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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

and then npx react-native run-android

chenop commented 1 year ago

package com.cmcewen.blurview does not exist

Anyone have solved this issue for version "4.3.0"?

chenop commented 1 year ago

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 commented 1 year ago

Hi @chenop , not working for me

error: package com.reactnativecommunity.blurview does not exist
import com.reactnativecommunity.blurview.BlurViewPackage;
chenop commented 1 year ago

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 commented 1 year ago

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

Timi-Duban commented 1 year ago

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 commented 1 year ago

this works

antoniuschan99 commented 9 months ago

I tried declaring it like this

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