Xamarin Calling a TabbedPage using a Button

Question

I have a problem. I want to load a TabbedPage when I click on a button in a different page, so I created this code:

protected void imgAdd_Clicked(object sender, EventArgs args)
{
    var tabbedPage = new TabbedPage();
    tabbedPage.Children.Add(new Page1());
    tabbedPage.Children.Add(new Page2());

    App.Current.MainPage = tabbedPage;
}

But the result is as follows:

As you can see the Image leaves a trail of the image when you swipe between the pages.

However, when I load the Tabbed Page using the App.xaml.cs it loads correctly without the flickering, so it seems to only occur when I call the tabbed page from another page...

Any ideas?

First of all , remove this line: App.Current.MainPage = new TabbedPage(); Not sure,may be this is the culprit — bhavya joshi
Show us Page1 and Page2 . Are the images you are using big in size ? use small images and check again — bhavya joshi
I make the sample to test, do not reproduce the error. Maybe i miss something, you could check the sample TabbedPageDemo on my github with 3.gif.github.com/WendyZang/Test — Wendy Zang - MSFT

Wendy Zang - MSFT Wendy Zang - MSFT · Accepted Answer · 2019-12-10T08:43:43

I make the sample to test. You could check the sample TabbedPageDemo on my github. https://github.com/WendyZang/Test.git

Create two pages.

Page1.xaml:

<StackLayout >
        <Image Source="pig.jpg"></Image>
    </StackLayout>

Page2.xaml:

<StackLayout>
        <Image Source="world.jpg"></Image>
    </StackLayout>

With the code you provided.

  var tabbedPage = new TabbedPage();
        tabbedPage.Children.Add(new Page1());
        tabbedPage.Children.Add(new Page2());
 App.Current.MainPage = tabbedPage;

Result:

Xamarin Calling a TabbedPage using a Button

2 Answers