How to prevent webview reload after the tab bar selection

Erdogan · January 2020

Hello,

I have Shell Page and this page includes a FlyoutItem.

    <FlyoutItem>
        <Tab title="Profile" ...> 
        <views:Profile/>    

        <Tab title="Web" ...>
       <views:WebBrowserPage/> **<< Includes a Custom WebView**
     ....

I'm selecting the Web tab and webView looks as expected. Then I visit a category page.
After that, I'm selecting the Profile tab.

and If I tap the Web tab again, it creates a new instance of webView. For that reason, all web content is resetting.

How to prevent creating an instance of the WebView after the tab bar selection? I need to see the web page where I left it (in category page, same scroll position).

Hamittirpan · January 2020

Hi @Erdogan , I didn't have the exact answer, but I asked a similar question. Maybe this can help you.

https://forums.xamarin.com/discussion/175459/tabbar-constantly-throws-the-item-in-the-browser#latest

Yelinzh · January 2020

How to prevent webview reload after the tab bar selection

WebView has a Reload method that can be used to reload the current content.

public Page1()
{
    InitializeComponent();

    webview.Reload();
}

Tutorial: https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/webview?tabs=windows#reloading-content

Erdogan · January 2020

@Hamittirpan said:
Hi @Erdogan , I didn't have the exact answer, but I asked a similar question. Maybe this can help you.

https://forums.xamarin.com/discussion/175459/tabbar-constantly-throws-the-item-in-the-browser#latest

Thanks, Hamit! But I guess, seems different issues.

Erdogan · January 2020

Hi @Jarvan

My page is already reloading/creating when the Web tab opened.

When the Web tab tapped, is it normal creating a new webview each time inside the tab?

That's the problem as I mentioned.

When I tap the Web tab, I need to see the WebView with the last visited page, with the last scroll position. Please, kindly check my question again.

Yelinzh · January 2020

Navigating to the webview page in a tab doesn't reload the webview.

<FlyoutItem Title="content">
    <Tab Title="item_1">
        <ShellContent Title="content" ContentTemplate="{DataTemplate local:ItemsPage}" />
        <ShellContent Title="web_page" ContentTemplate="{DataTemplate local:Page1}" />
    </Tab>
    <Tab Title="item_2">
        <ShellContent ContentTemplate="{DataTemplate local:AboutPage}" />
    </Tab>
</FlyoutItem>

Erdogan · January 2020

The OnElementChanged fires every tap in the custom renderer.

Repo;
https://github.com/Erdogan34/XamAppWebViewRenderer

I opened an bug report for this issue;
https://github.com/xamarin/Xamarin.Forms/issues/9073

Yelinzh · January 2020

Thanks for sharing the link and we'll help to track the progress on github.

Pacodoso · November 2020

@Erdogan
How did you finally managed the WebView reload after the tab tap?

Erdogan · December 2020

@Pacodoso said:
@Erdogan
How did you finally managed the WebView reload after the tab tap?

Sorry for late answer. I gave up to use the Shell page. My github issue is still waiting as unsolved.

Xamarin

Quick Links

How to prevent webview reload after the tab bar selection

Answers