react-native-blur icon indicating copy to clipboard operation
react-native-blur copied to clipboard

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

Open myjbuilddream opened this issue 6 years ago • 27 comments

myjbuilddream avatar Nov 15 '18 07:11 myjbuilddream

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

LebranD avatar Nov 21 '18 02:11 LebranD

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

sdcooke avatar Nov 24 '18 12:11 sdcooke

Same issue here

harveyconnor avatar Nov 26 '18 05:11 harveyconnor

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

thientnc-ibl avatar Dec 04 '18 07:12 thientnc-ibl

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

wangdicoder avatar Dec 30 '18 12:12 wangdicoder

I have the same issue for Android:(

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

zackarysin avatar Jan 05 '19 07:01 zackarysin

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.

indiorlei avatar Jan 16 '19 18:01 indiorlei

@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()
  );

AireshBhat avatar Jul 18 '19 09:07 AireshBhat

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
}

JimTeva avatar Apr 10 '20 21:04 JimTeva

Any solution for this issue?

peterchijioke avatar Aug 23 '20 19:08 peterchijioke

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

bogda23 avatar Oct 24 '20 20:10 bogda23

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?

Vlad202 avatar Oct 30 '20 20:10 Vlad202

Use expo-blur instead of this.

Hope I helped!

În vin., 30 oct. 2020 la 22:49, Влад Думанский [email protected] 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 .

bogda23 avatar Nov 02 '20 13:11 bogda23

Same issue here. WechatIMG485

SherrieCao avatar Dec 03 '20 02:12 SherrieCao

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 !

EvanKoe avatar Sep 06 '21 08:09 EvanKoe

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.

GitForAndrey avatar Sep 09 '21 16:09 GitForAndrey

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

SirCameron avatar Apr 22 '22 13:04 SirCameron

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

maheshmuttinti avatar Jul 13 '22 19:07 maheshmuttinti

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

and then npx react-native run-android

anuj2285 avatar Jul 29 '22 09:07 anuj2285

package com.cmcewen.blurview does not exist

Anyone have solved this issue for version "4.3.0"?

chenop avatar Nov 16 '22 14:11 chenop

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;

chenop avatar Nov 17 '22 13:11 chenop

Hi @chenop , not working for me

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

chrisdugne avatar Jan 09 '23 13:01 chrisdugne

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?

chenop avatar Jan 09 '23 14:01 chenop

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

AndonMitev avatar Jan 16 '23 16:01 AndonMitev

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.

Timi-Duban avatar Mar 22 '23 08:03 Timi-Duban

this works

mahabbatzakariyayev avatar May 03 '23 18:05 mahabbatzakariyayev

I tried declaring it like this

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

antoniuschan99 avatar Dec 06 '23 07:12 antoniuschan99