Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[MAUI] iOS SafeArea is not handled as expected #149

Open
Sebastian1989101 opened this issue Mar 10, 2025 · 0 comments
Open

[MAUI] iOS SafeArea is not handled as expected #149

Sebastian1989101 opened this issue Mar 10, 2025 · 0 comments

Comments

@Sebastian1989101
Copy link

Platform (please complete the following information):

  • OS: iOS
  • Device: All with SafeArea (iPhone X and up)
  • Sdk vervion: iOS 18
  • MAUI: [9.0.40]

Describe the bug
The SafeArea is not filled in as expected with bottom tabs (or did I miss an option for that @roubachof ?).

This is my current implementation and use of Sharpnado.Tabs:

<?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:extensions="clr-namespace:MHWildsCompanion.Extensions"
             xmlns:sho="http://sharpnado.com"
             xmlns:views="clr-namespace:MHWildsCompanion.Pages.Views"
             xmlns:pages="clr-namespace:MHWildsCompanion.Pages"
             xmlns:controls="clr-namespace:MHWildsCompanion.Controls"
             x:Class="MHWildsCompanion.Pages.ItemsPage" 
             Title="{extensions:AppTranslate ItemsPage_Title}" x:DataType="pages:ItemsPage">

    <Shell.TitleView>
        <controls:CustomTitleView x:Name="CustomTitle" Title="{extensions:AppTranslate ItemsPage_Title}" Type="Default" SearchText="{Binding ActiveViewModel.Filter}"
                                  SearchCommand="{Binding ActiveViewModel.SearchCommand}" SettingsCommand="{Binding ActiveViewModel.ShowSettingsCommand}" />
    </Shell.TitleView>

    <Grid RowDefinitions="*,Auto" RowSpacing="0">
        <sho:ViewSwitcher Grid.Row="0" x:Name="Switcher" Animate="False">
            <sho:DelayedView x:TypeArguments="views:ItemsView" BindingContext="{Binding ItemsViewModel}" AccentColor="{DynamicResource DarkerBackgroundColor}" Animate="True" UseActivityIndicator="True" />
            <sho:DelayedView x:TypeArguments="views:ItemCraftsView" BindingContext="{Binding ItemCraftsViewModel}" AccentColor="{DynamicResource DarkerBackgroundColor}" Animate="True" UseActivityIndicator="True" />
        </sho:ViewSwitcher>

        <sho:TabHostView Grid.Row="1" HorizontalOptions="Fill" HeightRequest="56" TabType="Fixed" BackgroundColor="{DynamicResource PrimaryDarkColor}"
                         SelectedIndex="{Binding Source={x:Reference Switcher}, Path=SelectedIndex, Mode=TwoWay}" SelectedTabIndexChanged="OnSelectedTabIndexChanged">
            <sho:BottomTabItem Style="{StaticResource BottomTabStyle}" IconImageSource="tab_items.png" Label="{extensions:AppTranslate ItemsPage_Title}" />
            <sho:BottomTabItem Style="{StaticResource BottomTabStyle}" IconImageSource="tab_itemcrafts.png" Label="{extensions:AppTranslate ItemCraftsPage_Title}" />
        </sho:TabHostView>
    </Grid>
</ContentPage>

This is how it looks:

Image

This is how I would expected it to look like (Maui Shell TabBar):

Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant