title: How to move an Image on click in React Native
body: <p>I've recently been learning React Native but haven't really found a way to manipulate the DOM. </p>
  
  <p>I've been trying to make it so that if I click on the TouchableHighlight my Image moves down a couple of px, but I have not managed to get it to move yet and I honestly don't know how to go from here.</p>
  
  <p>My onclick function works since it does return the log every time the button is clicked. </p>
  
  <p>As of now I have this:</p>
  
  <pre><code>export default class MainBody extends Component {
  
    onclick = () =&gt; {
      console.log('On click works')
    };
  
    render() {
  
      return (
  
        &lt;ScrollView showsHorizontalScrollIndicator={false} style={Style.horList} horizontal={true}&gt;
  
          &lt;View &gt;
  
            {/*i need to move this Image down!*/}
            &lt;Image source={require("./img/example.png")}/&gt;
            &lt;View&gt;
              &lt;Text style={Style.peopleInvited}&gt;This is text&lt;/Text&gt;
            &lt;/View&gt;
  
            {/*When clicked on this touchable highlight!*/}
            &lt;TouchableHighlight onPress={this.onclick}}&gt;
              &lt;Image source={require('./img/moveImg.png')}/&gt;
            &lt;/TouchableHighlight&gt;
          &lt;/View&gt;
  
        &lt;/ScrollView&gt;
  }
  </code></pre>
  
  <p>If someone could help me get past this that would be greatly appreciated.
  Thank you so much for your time! </p>