Im trying to make two circles that can drag and drop with react-native. I could have created one circle that can drag and drop, but dont know how with two circles individually. here is the code for one circle that can drag and drop, constructor(props){ super(props); this.state = { pan : new Animated.ValueXY() //Step 1 }; this.panResponder = PanResponder.create({ //Step 2 onStartShouldSetPanResponder : () => true, onPanResponderMove : Animated.event([null,{ //Step 3 dx : this.state.pan.x, dy : this.state.pan.y }]), onPanResponderRelease : (e, gesture) => {} //Step 4 }); } and this is for image renderDraggable(){ return ( Drag me! ); } Solved import React, { Component } from 'react'; import { StyleSheet, Text, View, Image, // we want to use an image PanResponder, // we want to bring in the PanResponder system Animated ...