title: React-Native styling using CSS stylesheets and class names
body: <p>I've just started working on a react-native app. The <a href="https://facebook.github.io/react-native/docs/style.html" rel="noreferrer">official docs suggest</a> to use JavaScript objects to create styles for your components, like so, </p>
  
  <pre><code>&lt;Text style={style.text}&gt;Blah Blah&lt;/Text&gt;
  const style = {
      text: {
          fontSize: 20
      }
  }
  </code></pre>
  
  <p>I'm trying to add a className to the Text property, so I can add css using simple stylesheets. Is this even possible with react-native (I know we can do this in react, though)? Something like this,</p>
  
  <pre><code>&lt;Text className="text-style"&gt;&lt;/Text&gt;
  
  // from CSS file
  text-style: {
      font-size: 20;
  }
  </code></pre>