title: Invariant Violation: requireNativeComponent: "BVLinearGradient"
body: <p>I have been working with the <code>react-native-gradient</code> and I am getting the following error regarding the package.</p>
  <h4>Error</h4>
  <pre><code>Invariant Violation: requireNativeComponent: &quot;BVLinearGradient&quot; 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 SignupLogin.js:46)
      in RCTView (at View.js:34)
      in View (at createAnimatedComponent.js:165)
      in AnimatedComponent (at createAnimatedComponent.js:215)
      in ForwardRef(AnimatedComponentWrapper) (at TouchableOpacity.js:224)
     .........    
      in View (at AppContainer.js:106)
      in DevAppContainer (at AppContainer.js:121)
      in RCTView (at View.js:34)
      in View (at AppContainer.js:132)
      in AppContainer (at renderApplication.js:39)
  at node_modules/react-native/Libraries/Core/ExceptionsManager.js:104:6 in reportException
  at node_modules/react-native/Libraries/Core/ExceptionsManager.js:171:19 in handleException
  at node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:6 in handleError
  at node_modules/expo-error-recovery/build/ErrorRecovery.fx.js:12:21 in ErrorUtils.setGlobalHandler$argument_0
  at [native code]:null in flushedQueue
  at [native code]:null in invokeCallbackAndReturnFlushedQueue
  </code></pre>
  <h4>Usage</h4>
  <pre><code>...
  import * as Animatable from &quot;react-native-animatable&quot;;
  import LinearGradient from &quot;react-native-linear-gradient&quot;;
  import MaterialIcons from &quot;react-native-vector-icons/MaterialIcons&quot;;
  import { useTheme } from &quot;@react-navigation/native&quot;;
  
  
  const SignupLogin = ({ navigation }) =&gt; {
    const { colors } = useTheme();
    return (
      &lt;View style={styles.container}&gt;
        .....
          &lt;View style={styles.button}&gt;
            &lt;TouchableOpacity onPress={() =&gt; navigation.navigate(&quot;sign-in&quot;)}&gt;
              &lt;LinearGradient
                colors={[&quot;#0831d4&quot;, &quot;#0131ab&quot;]}
                style={styles.signIn}
              &gt;
                &lt;Text style={styles.textSign}&gt;Get started&lt;/Text&gt;
                &lt;MaterialIcons name=&quot;navigate-next&quot; color=&quot;#fff&quot; size={20} /&gt;
              &lt;/LinearGradient&gt;
           .....
      &lt;/View&gt;
    );
  };
  
  
  export default SignupLogin;
  
  </code></pre>
  <p>It is simple navigation between footer sign-in and sign-up menus and the <code>App.js</code> and the rest of the files are in the standard method of coding.</p>