requireNativeComponent: "BVLinearGradient" was not found in the UIManager.

[prashanthpanthu]

Bug report

I am tried so many ways but not able to resolve this issue please help me.

Summary

Environment info

react-native info output:

# paste it here

Library version: x.x.x

Steps to reproduce

1. …
2. …

Describe what you expected to happen:

1. …
2. …

Reproducible sample code

[Trobyss]

Same here, with the informations:

System:
    OS: macOS 10.15.6
    CPU: (8) x64 Intel(R) Core(TM) i5-8257U CPU @ 1.40GHz
    Memory: 241.58 MB / 16.00 GB
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 14.3.0 - ~/.nvm/versions/node/v14.3.0/bin/node
    Yarn: 1.22.4 - ~/.nvm/versions/node/v14.3.0/bin/yarn
    npm: 6.14.5 - ~/.nvm/versions/node/v14.3.0/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.8.4 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
    Android SDK:
      API Levels: 27, 28, 29
      Build Tools: 28.0.3, 29.0.2
      System Images: android-26 | Google Play Intel x86 Atom
      Android NDK: Not Found
  IDEs:
    Android Studio: 3.5 AI-191.8026.42.35.5791312
    Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild
  Languages:
    Java: 1.8.0_222 - /usr/bin/javac
    Python: 2.7.16 - /usr/bin/python
  npmPackages:
    @react-native-community/cli: Not Found
    react: 16.13.1 => 16.13.1 
    react-native: 0.63.2 => 0.63.2 
  npmGlobalPackages:
    *react-native*: Not Found

and
pod 'BVLinearGradient', :path => '../node_modules/react-native-linear-gradient'

in my podfile

Trob'

[AboutReact]

Same with me

[Sat Oct 03 2020 00:31:02.178] ERROR Invariant Violation: requireNativeComponent: "BVLinearGradient" was not found in the UIManager.

This error is located at:
in BVLinearGradient (at react-native-linear-gradient/index.ios.js:54)
in LinearGradient (at App.js:36)
in RCTView (at View.js:34)
in View (at App.js:16)
in RCTSafeAreaView (at SafeAreaView.js:51)
in ForwardRef(SafeAreaView) (at App.js:15)
in App (at renderApplication.js:45)
in RCTView (at View.js:34)
in View (at AppContainer.js:106)
in RCTView (at View.js:34)
in View (at AppContainer.js:132)
in AppContainer (at renderApplication.js:39)

[AboutReact]

Duplicate of #499 #434

[AboutReact]

Installing pod solved my issue
npm install react-native-linear-gradient --save
cd ios && pod install && cd ..

[prashanthpanthu]

When i doing getting this issue.
Prashanths-MacBook-Pro:ios prashanthyerroju$ pod install
Auto-linking React Native modules for target farmtohome: RNCMaskedView, RNScreens, and RNVectorIcons
Analyzing dependencies
[!] The target farmtohome is declared multiple times.
Prashanths-MacBook-Pro:ios prashanthyerroju$

[ignaciosantise]

Same here, with the informations:

System:
    OS: macOS 10.15.6
    CPU: (8) x64 Intel(R) Core(TM) i5-8257U CPU @ 1.40GHz
    Memory: 241.58 MB / 16.00 GB
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 14.3.0 - ~/.nvm/versions/node/v14.3.0/bin/node
    Yarn: 1.22.4 - ~/.nvm/versions/node/v14.3.0/bin/yarn
    npm: 6.14.5 - ~/.nvm/versions/node/v14.3.0/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.8.4 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
    Android SDK:
      API Levels: 27, 28, 29
      Build Tools: 28.0.3, 29.0.2
      System Images: android-26 | Google Play Intel x86 Atom
      Android NDK: Not Found
  IDEs:
    Android Studio: 3.5 AI-191.8026.42.35.5791312
    Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild
  Languages:
    Java: 1.8.0_222 - /usr/bin/javac
    Python: 2.7.16 - /usr/bin/python
  npmPackages:
    @react-native-community/cli: Not Found
    react: 16.13.1 => 16.13.1 
    react-native: 0.63.2 => 0.63.2 
  npmGlobalPackages:
    *react-native*: Not Found

and
pod 'BVLinearGradient', :path => '../node_modules/react-native-linear-gradient'

in my podfile

Trob'

@AboutReact You are using the last version of React Native, so you don't need to add that line in your podfile, remove it and run pod install and then install the app again

[IamMasterWayne]

+1

[asaadxheikh]

Solve my issue.

cd ios
pod install
cd ..
react-native run-ios

[hu-qi]

Please，How to solve it on Android？

[tvildo]

@hu-qi After installing package with npm, you have to rebuild your project, Just run:
npm run android or npm run ios

[GOGOGOSIR]

Same with me, In RN 0.59.8

[poburi]

iphone 11 working
but iphone8 not working

help me!!

[drooxie]

Do you know another solutions of this issue on Android? Rebuilding the project doesn't help.

[Senocico]

The same issue,
Not working...

[Ajay-programer]

after trying this you get your problem solved!!
step 1- npm install expo-linear-gradient
setp 2*- import { LinearGradient } from expo-linear-gradient
step 3*- you can use both format now ,

<LinearGradient
colors={['#7df3ff','#05e6fc','#00c1d4']}
style={{height:"45%",width:"25%",
padding:10,
borderRadius:10,
marginLeft:"60%",

                    }}
                    >             
                            <Text>Get Started</Text>
                 </LinearGradient>

-------------OR-------------
<LinearGradient
colors={['#7df3ff','#05e6fc','#00c1d4']}
style={{ }}
/>
{your code }

Thank you !!!