React Native Cookbook - Second Edition

Hiding application content when multitasking

Keeping the theme of application security going, we have to be wary sometimes of unwanted eyes and hands touching our devices and potentially getting access to our applications. In order to protect the user from prying eyes while looking at sensitive information, we can mask our application when the application is hidden, but still active. Once the user returns to the application, we would simply remove the mask and the user can continue using the app as normal. A good use case for this would be in a banking or password app that hides sensitive information when the app is not in the foreground.

This recipe will show you how to render an image to mask your application and remove it once the application ...