Capacitor provides an App plugin that allows to get a call back when the application goes background or foreground. But how to get the application isActive value (a.k.a. foreground/background state) at any moment? The problem is that I don't know the application state until I subscribe to the appStateChange event AND the app goes background or foreground.
How to check if the application is foreground or background now?
Viewed 3181
2 Answers
A method to get the current state was added recently:
import {Plugins} from '@capacitor/core';
const {App} = Plugins;
let {isActive} = await App.getState();
document.hasFocus()
This will return a boolean. If the tab the web-app is in has the focus then it will return true else it will return false
source: https://developer.mozilla.org/en-US/docs/Web/API/Document/hasFocus
Related