title: How to add transition animation to element in React Native
body: <p>I have an arrow icon, like this:</p>
  
  <pre><code>&lt;View style={[styles.icon, dropdownOpen &amp;&amp; {transform: [{rotate: '180deg'}] }]}&gt;
     &lt;Icon name="arrow-down" size={20} color="#444"}&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>Then I have the state:</p>
  
  <pre><code>const [dropdownOpen, setDropdownOpen] = useState(false);
  </code></pre>
  
  <p>This state is driven by another component, and it works fine, but there's no transition, of course.</p>
  
  <p>I know I can use Animated API but I can't wrap my head around how to do it.</p>
  
  <p>I guess I should use <code>Animated.View</code> for the <code>View</code> but where should I put the <code>Animated.Value</code> for example?</p>