question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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