Mobile swipe view with multiple gestures, what would be the best approach

I have a bit of user experience issue for my mobile application.

One of the view is similar to the mobile app Tinder. The user can swipe items to the left and to the right to go to the next item. But in addition of that, the user can see more details about the item currently visible.

To see more details, the user would swipe the bottom of the item (where the description appears) to the top.

enter image description here

enter image description here

The problems I have:

  • Now that the view is extended, the description can be scrolled. So the user cannot swipe down to collapse (except the very top part of the item, not enough space!), so for this reason I've added an X at the top of the view

  • Now I feel like it's weird to open the view with a swipe, and close it with a button.

  • I was also thinking to remove the swipe and only have a tap on the full item to extend it, keeping the X to close, but I like the swipe gesture though...

What do you think?

Thanks!

Tags: