How to overlay the menu with a photo when there is no activity from the user's moan?

Question

React Native

There is an application based on:
https://snack.expo.io/@satya164/github.com-callsta...
The application shows a photo.
How to make it so that when the user does nothing with the phone, the photo overlaps the menu from above and below, as in the screenshot below:

And when the user is active, it returns to its original state again.

Answer 1

well, there is such an option - add the buttons and inscriptions you need at the top and bottom of the photo. As soon as you showed a photo with content, you start a timer after which you hide the content. By tapping on the photo, you reset the timer and show your menu. And be sure to add an animation to show and hide https://facebook.github.io/react-native/docs/anima...