Hi I am trying to create a custom renderer on tabbed page from xamarin forms to execute the following layout
I am trying to have button - looking tabbar with menu icon on the same layer level.
I write two styles of toolbar items on the same level as tabbar tabs? which style do you want to use?
Here is running gif.
The first one is add a tabpage, when you click it, it will switch a page.
The second is add a tab, it will not switch current page when you click it. it just push up a DisplayAlert when you click it(achieve it with custom renderer).
Here is demo.
You can add it by ToolbarItems directly, here is running GIF.
First of all, change your code in the App.xml like following code.
MainPage = new NavigationPage(new MainPage());
Then, open your Tabbedpage, add the ToolbarItems achievement.
public partial class MainPage : TabbedPage
public MainPage ()
ToolbarItems.Add(new ToolbarItem("Food", "search.png", () =>
DisplayAlert("INFO", "click", "Ok");
Is there way to put that toolbar items on the same level as tabbar tabs ?
Are there any updates for this issue? If the reply is helpful, please mark it as an answer, it will help others who have similar issue.
Sorry for the delay I was implementing it and play around with it! I Thank you for the answer!
Xamarin Inc., as a wholly-owned Microsoft subsidiary acting as a separate legal entity, adheres to the Microsoft Privacy Statement: Privacy & cookies