title: It is possible to change the text color depending on the value? (React native)
body: <p>I am working in an app using React native, here goes the code that I am in trouble:</p>
  <pre><code>import React, { Component } from &quot;react&quot;;
  import { Text, StyleSheet } from &quot;react-native&quot;;
  import { Content, Card, CardItem, Body, Left } from &quot;native-base&quot;;
  import { PricingCard } from &quot;react-native-elements&quot;;
  
  export default class AppBodyData extends Component {
    render() {
      let articles = this.props.data.map(function (articleData, index) {
        return (
          &lt;PricingCard
            //color='#ff3300'
            wrapperStyle={
              articleData.percent_change_1h &gt;= 0 ? styles.green : styles.red
            }
            info={[
              &quot;1h change: &quot; + articleData.percent_change_1h,
              &quot;24h change: &quot; + articleData.percent_change_24h,
              &quot;7days change: &quot; + articleData.percent_change_7d,
            ]}
            button={{
              title: &quot;More information&quot;,
              icon: &quot;info&quot;,
              backgroundColor: &quot;#4f9deb&quot;,
            }}
          /&gt;
        );
      });
  
      return &lt;Content&gt;{articles}&lt;/Content&gt;;
    }
  }
  
  const styles = StyleSheet.create({
    green: {
      color: &quot;#00ff00&quot;,
    },
    red: {
      color: &quot;#ff0000&quot;,
    },
  });
  
  module.export = AppBodyData;
  </code></pre>
  <p>What I need is that if the <code>articleData.percent_change_1h</code> variable is positive <strong>the color of that variable</strong> must be green otherwise must be red.</p>
  <p>PricingCard is an object of react-native-elements library: <a href="https://react-native-training.github.io/react-native-elements/API/pricing/" rel="nofollow noreferrer">https://react-native-training.github.io/react-native-elements/API/pricing/</a></p>
  <p>Thanks in advance</p>