Webview reloads when coming back on the page

I have a NativeScript Page (i.e. main page) that contains an WebView and means to navigate to another NativeScript Page (i.e. about page).

If I got to the about page, and then come back to the main page, on android only, the webview on the main page will reload with the initial URL.

The fact that on iOS it works as expected leads me to believe it’s a bug.

I have this problem on two different applications that I’m working on now, and I also found another guy on StackOverflow with the same issue. If it is needed, I will also write a small example app that will illustrate the issue.

I’m using {N} with vanilla JS.

$ tns info
All NativeScript components versions information
┌──────────────────┬─────────────────┬────────────────┬──────────────────┐
│ Component        │ Current version │ Latest version │ Information      │
│ nativescript     │ 3.1.2           │ 3.1.3          │ Update available │
│ tns-core-modules │ 3.1.0           │ 3.1.0          │ Up to date       │
│ tns-android      │ 3.1.1           │ 3.1.1          │ Up to date       │
│ tns-ios          │ 3.1.0           │ 3.1.0          │ Up to date       │
└──────────────────┴─────────────────┴────────────────┴──────────────────┘

[hshristov]

@surdu I think you can use npm i tns-core-modules@next --save instead of tns plugin add.

[tsonevn]

Hi @surdu, Thank you for your further investigation. Indeed while setting the value for the src property inline in the XML the WebView page will be reloaded every time, when you navigate back to the previous page. This is caused due to fact that the native WebView will be destroyed and recreated every time when you navigate to the page with WebView.

However, this behavior has been fixed in @next modules and you could test it on your side while following the described steps:

tns plugin remove tns-core-modules

tns plugin add tns-core-modules@next

also before rebuild delete node_modules and platforms folders