title: React native rotate image marker using transform
body: <p>What I am tring to do is rotate an image marker, I have a series of lat and long in a state called markers as well as the bearing and I want to rotate the image to the bearing as the marker moves across the map </p>
  
  <pre><code> render() {
      return (
        &lt;View style={styles.container}&gt;
              &lt;MapView style={styles.map}
              initialRegion={{
                      latitude: this.state.latitude,
                      longitude: this.state.longitude,
                      latitudeDelta: 0.01,
                      longitudeDelta: 0.01,
                  }}
          &gt;
            {Object.entries(this.state.markers).map((marker, index)=&gt; (
                &lt;MapView.Marker
                  key= {index}
                  coordinate={getCoordinates(marker)}
                  title= {marker.title}
                  discription= {index}
                &gt;
                  &lt;Image source={require('./assets/test-50.png')} style={{transform: [{ rotate : '${marker.bearing}deg'}]}}/&gt;
              &lt;/MapView.Marker&gt;  
              ))}
              &lt;/MapView&gt;  
        &lt;/View&gt;
      );
     }
  </code></pre>
  
  <p>The problem is that I can't seem to add the bearing as part of the rotation  </p>
  
  <pre><code>style={{transform: [{ rotate : '${marker.bearing}deg'}]}}
  </code></pre>
  
  <p>works fine if I put in a value such as '45deg' but I am unsure how to get a dynaic value in there. not to sure what the problem is, sorry I am very noob to this so I guess there is something I am missing</p>