I' m creating five droppable element dynamically.
after that i have created five draggable element by using panResponder. I am dropping these draggable element on droppable element but these are not dropped there.

As in Above figure five draggable element are created in bottom and five droppable element are created which are blank rectangular boxes. I want drop these draggable element only in droppable boxes so i am using onlayout function of to store the event.nativeEvent.layout of droppable views. but I think there is some issues in my code. And on Drop i m checking
(gesture.moveX > dz.x && gesture.moveX < dz.x + dz.width) == true && (gesture.moveY > dz.y && gesture.moveY < dz.y + dz.height) == true)
for droppable.
but it always return false .
please help me.
I' m creating five droppable element dynamically.
after that i have created five draggable element by using panResponder. I am dropping these draggable element on droppable element but these are not dropped there.
As in Above figure five draggable element are created in bottom and five droppable element are created which are blank rectangular boxes. I want drop these draggable element only in droppable boxes so i am using onlayout function of to store the event.nativeEvent.layout of droppable views. but I think there is some issues in my code. And on Drop i m checking
(gesture.moveX > dz.x && gesture.moveX < dz.x + dz.width) == true && (gesture.moveY > dz.y && gesture.moveY < dz.y + dz.height) == true)
for droppable.
but it always return false .
please help me.