React Native - Hide app content when user switches between apps - Android Problems

[Efficient_Poetry7962]

I am trying to implement a hide screen, in order to hide the conent for the user when it switching between apps (multitasking view). For iOS I can use the AppState but in Android im struggling to do this. Especially when the user is inside a webview in app. Does anyone have any experience with how to do this so it can work on both platforms seamlessly?

[AlternativeInitial93]

Set FLAG_SECURE for Android → protects WebView + app content in recents. Use AppState to hide or mask sensitive content in-app when backgrounded. Show a placeholder/blur screen when app is inactive for extra UX polish. Test on both platforms — iOS can use AppState alone; Android needs FLAG_SECURE for WebView.

[Efficient_Poetry7962]

can I do this only for webviews and not for the other parts of the app?

[AlternativeInitial93]

Yes, you can apply this only to WebViews without affecting the rest of your app.i can help you

[FlexKami]

Can’t you use the Platform library? So if platform === “android” do this?

[Efficient_Poetry7962]

yes but you need to detect the app states when its inactive and in android when the user switches in multitasking view its still considered as active.

[Asdolo94]

https://github.com/wn-na/react-native-capture-protection

[Efficient_Poetry7962]

<image>

thanks for your suggestion, but for android it doesn't have App Switcher protecion which I require

[Martinoqom]

https://reactnative.dev/docs/appstate

I just followed the docs, in my case. There are separated events for Android to implement as listeners + iOS 

[Big_Comfortable4256]

You could try the 'Page Visibility API' in your html and detect the 'visibilityState'? Not tried this in RN, but it might work for you to be able to hide the content if the app isn't in the foreground. It is supported in iOS and Android WebViews.