title: Why can't I use a linear gradient with `styled-components`?
body: <p><strong>The Problem:</strong></p>
  
  <p>When I create a simple View with this style in react-native using <code>styled-components</code>:</p>
  
  <pre><code>const Container = styled.View`
    flex: 1;
    background: linear-gradient(#006ded 0%, #1bace2 34.48%, #00e2ed 100%);
  `;
  </code></pre>
  
  <p>I get this error:</p>
  
  <blockquote>
    <p>Error: Failed to parse declaration "background: linear-gradient(#006ded 0%, #1bace2 34.48%, #00e2ed 100%)"</p>
  </blockquote>
  
  <p>Is this not the correct use of linear gradients? I have a design file from a friend and just copied the css code. I'm not that good with css I have to confess but I looked it up on the mozilla docs. Seems like the syntax is not correct? </p>
  
  <p><strong>How can I achieve this Gradient using 3 colors ?</strong></p>