Navigating from TabbedPage to ContentPage - xamarin

Question

I have a TabbedPage with three tabs which is my main page. In one of the tabs I have a ListView and on clicking on the Item in ListView I want to navigate to a new Page.
I can navigate to the new page but the page is displayed within the tab. I do not want the page to be within the tab and should take be opened a new page taking the whole screen.
This is my listView itemSelected method within one of the tabs.
How can I make the DocketDetail page take the entire screen.
I have tried making it the 'MainPage' which
App.Current.MainPage = new NavigationPage(new DocketDetail());
But doing this I could not go back to the TabbedPage.
Please suggest
lvLiveDockets.ItemSelected += (object sender, SelectedItemChangedEventArgs e) =>
{
if (e.SelectedItem == null)
{
DisplayAlert("Item DeSelected", e.SelectedItem.ToString(), "Ok");
return; //ItemSelected is called on deselection, which results in SelectedItem being set to null
}
else
{
DisplayAlert("Item Selected", e.SelectedItem.ToString(), "Ok");
this.Navigation.PushAsync(new DocketDetail());
}
//((ListView)sender).SelectedItem = null; //uncomment line if you want to disable the visual selection state.
};
My App.Xaml.cs
MainPage = new TabbedPage
{
Children =
{
new NavigationPage(new PendingDockets())
{
Title = "Pending Dockets",
Icon = Device.OnPlatform<string>("tab_about.png",null,null)
},
new NavigationPage(new LiveDockets())
{
Title = "Live Dockets",
Icon = Device.OnPlatform<string>("tab_about.png",null,null)
},
new NavigationPage(new ArchiveDockets())
{
Title = "Archive Dockets",
Icon = Device.OnPlatform<string>("tab_about.png",null,null)
},
}
};`

Answer 1

Your App.cs could be changed to this:
MainPage = new NavigationPage(new TabbedPage()
{
Children =
{
new PendingDockets()
{
Title = "Pending Dockets",
Icon = Device.OnPlatform<string>("tab_about.png",null,null)
},
new LiveDockets()
{
Title = "Live Dockets",
Icon = Device.OnPlatform<string>("tab_about.png",null,null)
},
new ArchiveDockets()
{
Title = "Archive Dockets",
Icon = Device.OnPlatform<string>("tab_about.png",null,null)
},
}
});

Answer 2

You have to put the TabbedPage inside a Navigation Stack (I think as Root page)
Application.Current.MainPage = new NavigationPage(new Tabpage());
when you select yout item in listview, you should push a new page
Navigation.PushAsync(new DocketDetail());
I hope to have understand your problem
lvLiveDockets.ItemSelected += (object sender, SelectedItemChangedEventArgs e) =>
{
if (e.SelectedItem == null)
{
DisplayAlert("Item DeSelected", e.SelectedItem.ToString(), "Ok");
return; //ItemSelected is called on deselection, which results in SelectedItem being set to null
}
else
{
DisplayAlert("Item Selected", e.SelectedItem.ToString(), "Ok");
Application.Current.MainPage = new DocketDetail();
}
//((ListView)sender).SelectedItem = null; //uncomment line if you want to disable the visual selection state.
};