title: Animated.Text fade-in animation on change
body: <p>so i am receiving text from a web socket connection, and adding it to a Text component. It starts off as grey, and then turns into black after x amount of time ( The app processes the text ). I have the code below</p>
  
  <pre><code>    &lt;Text style={styles.confirmedText}&gt;
         {this.state.confirmedText}
  
         &lt;Animated.Text style={{ fontFamily: "Helvetica Neue", color: "#9b9b9b" }}&gt;
                {this.state.tempText}
         &lt;/Animated.Text&gt;
      &lt;/Text&gt;
  </code></pre>
  
  <p>So this <code>tempText</code> is constantly changing, but i want there to be a fade-in animation when the text goes from an empty string -> some / any text at all. Any ideas how i could do this?</p>
  
  <p>Note: i know my code hasn't attempted to implement this but I haven't been able to find any working samples using Animated.Text to follow.</p>
  
  <p>Thanks in advance,</p>
  
  <p>EDIT: Better yet, if temp had a value of say "some text", and a word was added to it, eg "some text plus", the added word "plus" to be animated in individually would be great. Seems difficult though</p>