React-native-blur: Native component for "BlurView" does not exist on IOS

[Hancoson]

"react": "16.0.0",
"react-native": "0.50.3",
"react-native-blur": "^3.2.2"

[sellmeadog]

I'm receiving the same error with the same package versions for react, react-native and react-native-blur.

[jskidd3]

Same error. Did you manage to resolve?

[tmaly1980]

Did you run react-native link and recompile your binary (react-native run-ios)?

[sellmeadog]

Yes. Linked with no errors.

From: Tomas Maly [e-mail]
Reply-To: react-native-community/react-native-blur [e-mail]
Date: Thursday, December 7, 2017 at 1:26 PM
To: react-native-community/react-native-blur [e-mail]
Cc: "Kennie J. Davis" [e-mail], Comment [e-mail]
Subject: Re: [react-native-community/react-native-blur] Native component for "BlurView" does not exist on IOS (#249)

Did you run react-native link and recompile your binary (react-native run-ios)?

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub, or mute the thread.

[jskidd3]

I also linked with no errors. I've taken a look at the project in Xcode and can't see anything referring to blur there. Shouldn't there be RCTBlur.xcodeproject? Perhaps link is silently failing?

[tmaly1980]

It's RNBlur.xcodeproj . I had zero problem getting it working, and it's there in the Libraries (at the end for me)

[jskidd3]

Strange. Do you mind sharing your project's package.json dependencies just so I can try again but on your versions?

[tmaly1980]

    "react-native-blur": "^3.2.2",

Also try running react-native unlink react-native-blur prior. It could be that it got part of the way but failed with one or more pieces but thinks it's complete.

[jskidd3]

No luck with the re-link. Could you let me know your react and react-native versions too, please?

[tmaly1980]

When you say "no luck", do you mean you aren't getting the RNBlur.xcodeproj included?

grep -R RNBlur ios/ shows nothing?

How about manually linking as a last resort? My guess is just import the RNBlur.xcodeproj into Libraries and add 'libRNBlur.a' to Build Phases -> Link Binary with Libraries

Here are my package.json dependencies BTW:

  "dependencies": {
    "apisauce": "^0.14.0",
    "bugsnag-react-native": "^2.7.3",
    "format-json": "^1.0.3",
    "lodash": "^4.17.2",
    "native-base": "^2.3.3",
    "prop-types": "^15.5.10",
    "querystringify": "0.0.4",
    "ramda": "^0.24.1",
    "react": "16.0.0-beta.5",
    "react-native": "0.49.3",
    "react-native-animatable": "^1.2.4",
    "react-native-audio-toolkit": "git+https://github.com/tmaly1980/react-native-audio-toolkit.git",
    "react-native-blur": "^3.2.2",
    "react-native-code-push": "^5.1.3-beta",
    "react-native-config": "^0.6.0",
    "react-native-drawer": "^2.3.0",
    "react-native-fast-image": "^2.0.1",
    "react-native-gesture-view": "estate/react-native-gesture-view",
    "react-native-global-props": "^1.1.3",
    "react-native-image-progress": "^1.0.1",
    "react-native-linear-gradient": "^2.3.0",
    "react-native-music-control": "^0.4.13",
    "react-native-progress": "^3.4.0",
    "react-native-swipe-gestures": "^1.0.2",
    "react-native-vector-icons": "4.3.0",
    "react-navigation": "^1.0.0-beta.7",
    "react-redux": "^5.0.2",
    "redux": "^3.6.0",
    "redux-devtools-extension": "^2.13.2",
    "redux-persist": "^4.1.0",
    "redux-saga": "^0.15.6",
    "reduxsauce": "0.4.1",
    "seamless-immutable": "^7.0.1"
  },
  "devDependencies": {
    "@storybook/addon-storyshots": "^3.2.3",
    "@storybook/react-native": "^3.2.3",
    "babel-eslint": "7.1.1",
    "babel-jest": "21.2.0",
    "babel-plugin-ignite-ignore-reactotron": "^0.3.0",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-react-native": "3.0.2",
    "enzyme": "^2.6.0",
    "husky": "^0.13.1",
    "ignite-animatable": "^1.0.0",
    "ignite-ir-boilerplate": "^2.2.2",
    "ignite-standard": "^1.0.0",
    "ignite-vector-icons": "^1.1.0",
    "jest": "21.2.1",
    "mockery": "^2.0.0",
    "react-addons-test-utils": "~15.4.1",
    "react-dom": "16.0.0-alpha.12",
    "react-test-renderer": "16.0.0-beta.5",
    "reactotron-react-native": "^1.12.0",
    "reactotron-redux": "^1.11.1",
    "reactotron-redux-saga": "^1.11.1",
    "snazzy": "^7.0.0",
    "standard": "10.0.2"
  },

[sellmeadog]

I think the key is the react-native version. The package seemed to work fine until react-native 0.50.3

At least for me.

From: Tomas Maly [e-mail]
Reply-To: react-native-community/react-native-blur [e-mail]
Date: Thursday, December 7, 2017 at 2:14 PM
To: react-native-community/react-native-blur [e-mail]
Cc: "Kennie J. Davis" [e-mail], Comment [e-mail]
Subject: Re: [react-native-community/react-native-blur] Native component for "BlurView" does not exist on IOS (#249)

When you say "no luck", do you mean you aren't getting the RNBlur.xcodeproj included?

How about manually linking as a last resort? My guess is just import the RNBlur.xcodeproj into Libraries and add 'libRNBlur.a' to Build Phases -> Link Binary with Libraries
  "dependencies": {
    "apisauce": "^0.14.0",
    "bugsnag-react-native": "^2.7.3",
    "format-json": "^1.0.3",
    "lodash": "^4.17.2",
    "native-base": "^2.3.3",
    "prop-types": "^15.5.10",
    "querystringify": "0.0.4",
    "ramda": "^0.24.1",
    "react": "16.0.0-beta.5",
    "react-native": "0.49.3",
    "react-native-animatable": "^1.2.4",
    "react-native-audio-toolkit": "git+https://github.com/tmaly1980/react-native-audio-toolkit.git",
    "react-native-blur": "^3.2.2",
    "react-native-code-push": "^5.1.3-beta",
    "react-native-config": "^0.6.0",
    "react-native-drawer": "^2.3.0",
    "react-native-fast-image": "^2.0.1",
    "react-native-gesture-view": "estate/react-native-gesture-view",
    "react-native-global-props": "^1.1.3",
    "react-native-image-progress": "^1.0.1",
    "react-native-linear-gradient": "^2.3.0",
    "react-native-music-control": "^0.4.13",
    "react-native-progress": "^3.4.0",
    "react-native-swipe-gestures": "^1.0.2",
    "react-native-vector-icons": "4.3.0",
    "react-navigation": "^1.0.0-beta.7",
    "react-redux": "^5.0.2",
    "redux": "^3.6.0",
    "redux-devtools-extension": "^2.13.2",
    "redux-persist": "^4.1.0",
    "redux-saga": "^0.15.6",
    "reduxsauce": "0.4.1",
    "seamless-immutable": "^7.0.1"
  },
  "devDependencies": {
    "@storybook/addon-storyshots": "^3.2.3",
    "@storybook/react-native": "^3.2.3",
    "babel-eslint": "7.1.1",
    "babel-jest": "21.2.0",
    "babel-plugin-ignite-ignore-reactotron": "^0.3.0",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-react-native": "3.0.2",
    "enzyme": "^2.6.0",
    "husky": "^0.13.1",
    "ignite-animatable": "^1.0.0",
    "ignite-ir-boilerplate": "^2.2.2",
    "ignite-standard": "^1.0.0",
    "ignite-vector-icons": "^1.1.0",
    "jest": "21.2.1",
    "mockery": "^2.0.0",
    "react-addons-test-utils": "~15.4.1",
    "react-dom": "16.0.0-alpha.12",
    "react-test-renderer": "16.0.0-beta.5",
    "reactotron-react-native": "^1.12.0",
    "reactotron-redux": "^1.11.1",
    "reactotron-redux-saga": "^1.11.1",
    "snazzy": "^7.0.0",
    "standard": "10.0.2"
  },
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub, or mute the thread.

[tmaly1980]

Yeah I’ve just upgraded to 0.50.0 and it still works. Generally I would want to stay at least a minor version behind because third party libraries break, as much as they shouldn’t, and often don’t get patched for months, depending on how active the developers still are (ie whether or not they’re still using it in an active project or have moved on). The woes of React Native development. =(

On Dec 7, 2017, at 1:43 PM, Kennie J. Davis [e-mail] wrote:

I think the key is the react-native version. The package seemed to work fine until react-native 0.50.3

At least for me.

From: Tomas Maly [e-mail]
Reply-To: react-native-community/react-native-blur [e-mail]
Date: Thursday, December 7, 2017 at 2:14 PM
To: react-native-community/react-native-blur [e-mail]
Cc: "Kennie J. Davis" [e-mail], Comment [e-mail]
Subject: Re: [react-native-community/react-native-blur] Native component for "BlurView" does not exist on IOS (#249)

When you say "no luck", do you mean you aren't getting the RNBlur.xcodeproj included?

How about manually linking as a last resort? My guess is just import the RNBlur.xcodeproj into Libraries and add 'libRNBlur.a' to Build Phases -> Link Binary with Libraries
"dependencies": {
"apisauce": "^0.14.0",
"bugsnag-react-native": "^2.7.3",
"format-json": "^1.0.3",
"lodash": "^4.17.2",
"native-base": "^2.3.3",
"prop-types": "^15.5.10",
"querystringify": "0.0.4",
"ramda": "^0.24.1",
"react": "16.0.0-beta.5",
"react-native": "0.49.3",
"react-native-animatable": "^1.2.4",
"react-native-audio-toolkit": "git+https://github.com/tmaly1980/react-native-audio-toolkit.git",
"react-native-blur": "^3.2.2",
"react-native-code-push": "^5.1.3-beta",
"react-native-config": "^0.6.0",
"react-native-drawer": "^2.3.0",
"react-native-fast-image": "^2.0.1",
"react-native-gesture-view": "estate/react-native-gesture-view",
"react-native-global-props": "^1.1.3",
"react-native-image-progress": "^1.0.1",
"react-native-linear-gradient": "^2.3.0",
"react-native-music-control": "^0.4.13",
"react-native-progress": "^3.4.0",
"react-native-swipe-gestures": "^1.0.2",
"react-native-vector-icons": "4.3.0",
"react-navigation": "^1.0.0-beta.7",
"react-redux": "^5.0.2",
"redux": "^3.6.0",
"redux-devtools-extension": "^2.13.2",
"redux-persist": "^4.1.0",
"redux-saga": "^0.15.6",
"reduxsauce": "0.4.1",
"seamless-immutable": "^7.0.1"
},
"devDependencies": {
"@storybook/addon-storyshots": "^3.2.3",
"@storybook/react-native": "^3.2.3",
"babel-eslint": "7.1.1",
"babel-jest": "21.2.0",
"babel-plugin-ignite-ignore-reactotron": "^0.3.0",
"babel-preset-es2015": "^6.18.0",
"babel-preset-react-native": "3.0.2",
"enzyme": "^2.6.0",
"husky": "^0.13.1",
"ignite-animatable": "^1.0.0",
"ignite-ir-boilerplate": "^2.2.2",
"ignite-standard": "^1.0.0",
"ignite-vector-icons": "^1.1.0",
"jest": "21.2.1",
"mockery": "^2.0.0",
"react-addons-test-utils": "~15.4.1",
"react-dom": "16.0.0-alpha.12",
"react-test-renderer": "16.0.0-beta.5",
"reactotron-react-native": "^1.12.0",
"reactotron-redux": "^1.11.1",
"reactotron-redux-saga": "^1.11.1",
"snazzy": "^7.0.0",
"standard": "10.0.2"
},
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub, or mute the thread.

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub https://github.com/react-native-community/react-native-blur/issues/249#issuecomment-350103326, or mute the thread https://github.com/notifications/unsubscribe-auth/AHVz20Kk9hWf79eYYEPQ5obs_uzSu0RBks5s-FvvgaJpZM4QyEpg.

[jskidd3]

Thanks a lot. I'll give this a go tomorrow and appreciate the advice about staying a minor version behind!

[jd20]

I encountered this same issue (with 51.0). Adding manually didn't succeed for me, but I found if I rebuilt the project from scratch (install and link react-native-blur before any other dependencies), everything worked fine. So that's one possible workaround.

[Kureev]

👋 Hi there.

Indeed, I have very different activities now, but it doesn't mean that library doesn't work though. I checked

"react": "16.0.0",
"react-native": "0.50.3",
"react-native-blur": "^3.2.2"

on the blank project and it worked for me 🤔 . I'm about to close it until there will be a solid reproduction case.

[RUIFERNANDE5]

+1 using 0.51

[SeOcSa]

I have the same issue using
"react": "16.0.0",
"react-native": "0.51.0",
"react-native-blur": "^3.2.2".

I think this case should be reopen.

[drewandre]

I also couldn't use this awesome library due to this issue.

    "react": "16.0.0",
    "react-native": "0.50.4",
    "react-native-blur": "^3.2.2",

[ashleydw]

Same here, but adding libRNBlur.a to the Build Phases fixes it (on RN 0.52.0)

[Shamash2014]

Fixes on RN 0.53 also

[Nagibaba]

add new BlurViewPackage() to your getPackages() function in MainApplication.java

[myjbuilddream]

Fixes on RN 0.57.4 also

[jakubgrzelak]

The same problem as above 👍

[ericvicenti]

Confirmed that this issue still exists on latest RN. If you see this, go into Xcode, add blur xcode project from node modules to the "Libraries" folder (if its not already there), then go add libRNBlur.a to the "Link Binary with Library" section under "Build Phases"

@Kureev, can we re-open or re-file this? The RN link configuration seems busted.