Applicazione nativa con webview

Vorrei creare un'applicazione nativa che funzioni da contenitore per la mia web app scritta in Vue.js. La vorrei scritta in React Native, Flutter o Xamarin. Il menu laterale attualmente viene disegnato dalla web app, ma in futuro vorrei che venisse disegnato nativamente, dovrà essere possibile disegnarlo come nell'immagine allegata (side menu). L'applicazione dovrebbe essere composta solamente da una WebView che mostra la web app. Il campo di url mostrato dovrebbe essere rilevabile, in quanto vorrei fare alcune cose se l'url è particolare (es. se url è sito/qrcode vorrei aprire la fotocamera per scansionare un QR, ecc.). Vorrei che ci fossero le notifiche push, dovrei mandare dal backend della web app. Dovrebbe essere possibile rilevare se il cellulare è in dark mode. Dovrebbe essere possibile rilevare se il dispositivo ha il notch (es. iPhone X) e in questo caso rilevare l'altezza di quest'ultimo, valore da passare poi alla web app (una chiamata speciale), io lo utilizzerò per impostare un margin-top (in un'app precedente aggiungevo la webview in modalità "SafeArea" poi leggevo la Y assoluta del componente aggiunto). Darà un repo di GitHub per il lavoro. ----- I would like to create a native app for my webapp written in Vue.js. This app should be made in React Native/Flutter, because in the future the sidebar menu will be drawed offline and I wait it to be similar to Vue.js current menu (menu should be as in attached image). The app sould be composed only by a WebView displaying the webapp url. WebView url changes should be detected (do some stuff if url is [login to view URL]), and I want push notifications, I send them from app backend. So the app should be: - Simple webview with url changes detection - Push notification Device dark mode should be detected. Device notch should be detected and its height: i need it to adjust webapp toolbar margin-top (in a previous app I use safe mode adding the webview and then got absoute Y of added component). I’ll give you a GitHub repo