Native component for "BlurView" does not exist on android

See original GitHub issue

Hi! I think I’ve installed the package as the documentation says but get with the warning.

Add the following to your android/build.gradle :

allprojects {
    repositories {
        maven { url "https://github.com/500px/500px-android-blur/raw/master/releases/" }
        mavenLocal()
        jcenter()
        maven {
            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
            url "$rootDir/../node_modules/react-native/android"
        }
    }
}

And to android/app/build.gradle :

dependencies {
    compile project(':bugsnag-react-native')
    compile project(':react-native-linear-gradient')
    compile project(':react-native-picker')
    compile project(':react-native-blur')
    compile project(':react-native-fbsdk')
    compile project(':react-native-video')
    compile project(':react-native-vector-icons')
    compile project(':react-native-maps')
    compile "com.fivehundredpx:blurringview:1.0.0"
    compile fileTree(dir: "libs", include: ["*.jar"])
    compile "com.android.support:appcompat-v7:23.0.1"
    compile "com.facebook.react:react-native:+"  // From node_modules
}

Did I make a mistake somewhere? I’ve seen this issue https://github.com/react-native-community/react-native-blur/issues/156 but not sure is it related or not.

Issue Analytics

  • State:open
  • Created 6 years ago
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
Kureevcommented, Apr 17, 2017

Please, try react-native-blur@3.0.0-alpha

0reactions
ndbroadbentcommented, Apr 14, 2017

Hi @bintoll, could you please update to the latest version from Github, and try again?

You can add this to your package.json:

...
"react-native-blur": "react-native-community/react-native-blur",
...

and run npm install.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Native component for "BlurView" does not exist on android #169
Hi! I think I've installed the package as the documentation says but get with the warning. Add the following to your android/build.gradle ...
Read more >
@react-native-community/blur - npm
The Android library introduces some limitations: BlurView cannot be a child of the view that is being blurred (this would cause an infinite...
Read more >
React-Native: How to create an UI with blur - Stack Overflow
The implementation for Android is a bit different as you need to use findNodeHandle and make reference to the blurred components.
Read more >
react-native-blur - Bountysource
I want to blur on a View component, what should i do to make the View blur at the beginning? ... does not...
Read more >
Troubleshooting | Stream Chat - React Native SDK Docs
A bug in the BlurView library is translated into the current version of @react-native-community/blur , a fix has been merged but a new...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found