title: How to fix that style tag is not accessed in vue native?
body: <p>I am trying to display a blue text in vue native, however, it only displays the text without the color. I am using a style tag which has the style info. </p>
  
  <p>I tried using an inline styling and it worked, therefore, I think the problem lays with accessing the style tag. </p>
  
  <pre><code>&lt;template&gt;
    &lt;view class="container"&gt;
      &lt;text class="text-color-primary"&gt;My Vue Native App&lt;/text&gt;
      &lt;/view&gt;
  &lt;/template&gt;
  
  &lt;style&gt;
   .container {
    background-color: white;
    align-items: center;
    justify-content: center;
    flex: 1;
  }
  .text-color-primary {
    color: blue;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>Here is a link to what I am getting:
  <a href="https://i.imgur.com/6gYNdWZ.png" rel="nofollow noreferrer">https://i.imgur.com/6gYNdWZ.png</a></p>
  
  <p>The expected outcome should be the same text, however, the color is blue and must be in the middle of the screen.</p>