title: styled-components not properly installing to react-native project
body: <p>I am trying to set up my first React-Native project and tried doing it first with Expo but ran into the same problem as with React-Native CLI when wanting to install styled-components.</p>
  <p>The error I get is:</p>
  <blockquote>
  <p>Component Exception
  Invalid prop <code>color</code> supplied to <code>StyleSheet generated</code>: <code>red</code>
  Valid color formats are... (and a list of valid formats)</p>
  </blockquote>
  <p>In expo I kept getting the same error but VSCode was showing an import error at the styled-components import saying that the styled-components has type any (even if I am doing a normal JS project not Typescript). At the beginning Expo was giving me the error that it can't find the styled-components folder in node_modules (even if it is properly installed).</p>
  <p>This is the error the emulator throws at me: <a href="https://i.stack.imgur.com/ode7V.png" rel="nofollow noreferrer">Component Exception</a></p>
  <p>I have tried to reinstall styled-components - reinstalling it with <code>npm install styled-components --save</code> and still getting the same error.</p>
  <p>I have also tried importing the styled-components in different ways</p>
  <pre><code>import styled from 'styled-components/native';
  </code></pre>
  <p>and</p>
  <pre><code>import styled from 'styled-components';
  </code></pre>
  <p>I have also tried different ways of creating the styled component</p>
  <pre><code>const Title = styled.Text`
    color: 'red';
  `;
  </code></pre>
  <p>and</p>
  <pre><code>const Title = styled(Text)`
    color: 'red';
  `;
  </code></pre>
  <p>It is as if styled-components is not recognized and then the project is looking for the StyleSheet formatting... Have anybody experienced similar issues?</p>