Tabs Content (SPA-like) from F7 is Hidden on WebView

Questions
1

Hello, I’m pretty new to Web development on Android devices, here I record a video of how I want to implement the F7 web application inside WebView on Android Studio Flamingo | 2022.2.1.

Problem here:

  1. I found if this app is designed like a SPA, it means the content inside WebView is generated with JavaScript routing (or something like that).

  2. Need extra configuration on Android Studio script to make SPA content loaded just like on a Browser simulation with “npm start”, since another tab content is not loaded when I implement it inside WebView on Android Studio.

Please help me with a better script and explain to me with a newbie-friendly procedure. thanks

I post it on Stackoverflow too: