title: warning: failed prop type: invalid prop 'backgroundcolor' supplied to view:
body: <p>I have a hex color which is received through prop in this file, The hex code is '#BE2625'. In  it is correctly displayed but when i apply the same to backgroundColor the color is not displayed, Rather it throws me an warning </p>
  
  <blockquote>
    <p>warning: failed prop type: invalid prop 'backgroundcolor' supplied to view:'#BE2625' Valid Color formats are .......</p>
  </blockquote>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from 'react';
  import {StyleSheet, View, Text} from 'react-native'
  
  
  export default class Color extends React.Component {
  
    
    render() {
  
      const {Color} = this.props;
      
      return (
     &lt;View style={[styles.bodyColor, {backgroundColor: `'${Color}'` }]}&gt;
      &lt;Text style={styles.hex}&gt;  {Color} &lt;/Text&gt;
      &lt;/View&gt;
      );
    }
  }
  
  
  const styles = StyleSheet.create({
      bodyColor :{
          height:50,
          margin:10,
         
          
      },
  
      hex :{
          textAlign:'center',
          fontSize: 22,
          padding:10
      }
  })</code></pre>
  </div>
  </div>
  </p>