Transparent overlay in React Native

Posted by Ramesh Singh | Updated on

In this example, I have shared Transparent overlay in React Native. The key to your ListView not moving down, is to set the positioning of the overlay to absolute. By doing so, you can set the position and the width/height of the view manually and it doesn’t follow the flexbox layout anymore. Check out the following short example.

The height of the overlay is fixed to 360, but you can easily animate this or make it dynamic.


If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.

Related Questions & Answers