In React-native there is no straightforward way to add alpha to a full screen background image and have content render on it . To add alpha you can follow these steps.
Let’s create a react native sample app to populate a list of movies from an api . We will show the user an image and the title of the movie. Note that I have used ES6 semantics such as arrow functions and classes in JS.
I use multiple devices but recently on using Mi Max (android 6.0 , MIUI 8) I found that it got really tough to even run the sample app on it.