I'm using Sharpnado.Tabs to show bottom tabs with a standout button in the middle.
If the mid button is clicked it should either show the page at index 2 or be ignored by the tabs all together.
If I remove the view tho the remaining tabs after the button don't select the correct view.

How should I approach this?

This is my current code for this:

<?xml version="1.0" encoding="utf-8" ?> <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:tabs="clr-namespace:Sharpnado.Tabs;assembly=Maui.Tabs" xmlns:icons="http://www.aathifmahir.com/dotnet/2022/maui/icons" xmlns:mct="http://schemas.microsoft.com/dotnet/2022/maui/toolkit" xmlns:views="clr-namespace:CatchLog.Views" x:Class="CatchLog.Controls.TabbarPage"> <Grid RowDefinitions="*,Auto"> <tabs:ViewSwitcher x:Name="Switcher" Grid.Row="0" SelectedIndex="{Binding Source={x:Reference TabHost}, Path=SelectedIndex, Mode=TwoWay}"> <tabs:LazyView x:TypeArguments="views:ExportView" UseActivityIndicator="True"/> <tabs:LazyView x:TypeArguments="views:MapView" UseActivityIndicator="True"/> <tabs:LazyView x:TypeArguments="views:AddView" UseActivityIndicator="True"/> <tabs:LazyView x:TypeArguments="views:TripView" UseActivityIndicator="True"/> <tabs:LazyView x:TypeArguments="views:SettingsView" UseActivityIndicator="True"/> </tabs:ViewSwitcher> <tabs:TabHostView x:Name="TabHost" Grid.Row="1" BackgroundColor="{mct:AppThemeResource Surface}" TabType="Fixed" SelectedIndex="{Binding Source={x:Reference Switcher}, Path=SelectedIndex, Mode=TwoWay}"> <tabs:TabHostView.Tabs> <tabs:BottomTabItem IconImageSource="{icons:MaterialRounded Icon=SaveAs}"/> <tabs:BottomTabItem IconImageSource="{icons:MaterialRounded Icon=Map}"/> <tabs:TabButton ButtonBackgroundColor="{mct:AppThemeResource Primary}" ButtonCircleSize="65" ButtonPadding="18" Scale="1.4" TranslationY="-20" IconImageSource="{icons:MaterialRounded Icon=AddCircleOutline, IconColor={mct:AppThemeResource PrimaryText}}"/> <tabs:BottomTabItem IconImageSource="{icons:MaterialRounded Icon=Sailing}" /> <tabs:BottomTabItem IconImageSource="{icons:MaterialRounded Icon=Settings}" /> </tabs:TabHostView.Tabs> </tabs:TabHostView> </Grid> </ContentPage>

Jule's user avatar

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.