Realizzare una semplice app mobile cross-platform

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 cambio 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 mandarle 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.