BackDrop FrontLayer not fill the screen on iOS

[felipe pedroti raymundo]

Greetings, I have the layout below and it works flawlessly on Android, but when I run the app on iOS 12 (iPhone 6), the FrontLayer not expand to the screen bottom, but just on iOS. 

<?xml version="1.0" encoding="utf-8" ?>

<backdrop:SfBackdropPage

    xmlns:backdrop="clr-namespace:Syncfusion.XForms.Backdrop;assembly=Syncfusion.SfBackdrop.XForms" xmlns="http://xamarin.com/schemas/2014/forms"

    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"    

    x:Class="TaskFly.Views.TarefasGuiasView"

    xmlns:tabView="clr-namespace:Syncfusion.XForms.TabView;assembly=Syncfusion.SfTabView.XForms"

    xmlns:tarefasview="clr-namespace:TaskFly.Views.TarefasView"

    xmlns:syncfusion="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"

    Title="Tarefas"

    BackLayerRevealOption="Auto"

    BackgroundColor="#0097C5"

    OpenIcon="ic_notificacao.png">

    <backdrop:SfBackdropPage.ToolbarItems>

        <ToolbarItem x:Name="cmd_tarefa" Icon="ic_tarefa.png" Activated="Cmd_tarefa_Activated" Text="Nova Tarefa" />

    </backdrop:SfBackdropPage.ToolbarItems>

    <backdrop:SfBackdropPage.BackLayer>

        <backdrop:BackdropBackLayer BackgroundColor="#0097C5">

            <StackLayout HeightRequest="300" BackgroundColor="#0097C5">

                <syncfusion:SfListView BackgroundColor="Transparent" AutoFitMode="DynamicHeight">

                    <syncfusion:SfListView.ItemsSource>

                        <x:Array Type="{x:Type x:String}">

                            <x:String>Appetizers</x:String>

                            <x:String>Soups</x:String>

                            <x:String>Desserts</x:String>

                            <x:String>Salads</x:String>

                        </x:Array>

                    </syncfusion:SfListView.ItemsSource>

                </syncfusion:SfListView>

            </StackLayout>

        </backdrop:BackdropBackLayer>

    </backdrop:SfBackdropPage.BackLayer>

    <backdrop:SfBackdropPage.FrontLayer>

        <backdrop:BackdropFrontLayer>

            <StackLayout BackgroundColor="White">

                <tabView:SfTabView>

                    <tabView:SfTabItem Title="A Cumprir">

                        <tabView:SfTabItem.Content>

                            <tarefasview:ACumprirView />

                        </tabView:SfTabItem.Content>

                    </tabView:SfTabItem>

                    <tabView:SfTabItem Title="Designadas">

                        <tabView:SfTabItem.Content>

                            <tarefasview:DesignadasView />

                        </tabView:SfTabItem.Content>

                    </tabView:SfTabItem>

                    <tabView:SfTabItem Title="Seguindo">

                        <tabView:SfTabItem.Content>

                            <tarefasview:SeguindoView />

                        </tabView:SfTabItem.Content>

                    </tabView:SfTabItem>

                </tabView:SfTabView>

            </StackLayout>

        </backdrop:BackdropFrontLayer>

    </backdrop:SfBackdropPage.FrontLayer>

    

</backdrop:SfBackdropPage>

[Rachel A]

Hi Felipe, 

  

Greetings from Syncfusion. 

  

We have checked the reported problem and it can be resolved by setting VerticalOptions as FillAndExpand to the FrontLayer content (StackLayout). Please find the modified code snippet. 

  

[C#] 

  

  

<backdrop:SfBackdropPage.FrontLayer> 

        <backdrop:BackdropFrontLayer> 

            <StackLayout BackgroundColor="White" VerticalOptions="FillAndExpand"> 

                <tabView:SfTabView VerticalOptions="FillAndExpand"> 

                     ……. 

                     ……. 

                </tabView:SfTabView> 

            </StackLayout> 

        </backdrop:BackdropFrontLayer> 

    </backdrop:SfBackdropPage.FrontLayer> 

  

  

We have attached the modified sample and it can be download it from the following location. 

  

Sample: 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/BackdropSample356802552 

  

Please let us know if you need further clarifications. 

 

Thanks, 

Rachel. 

[felipe pedroti raymundo]

This solved the issue, thanks a lot.

[Rachel A]

Hi Felipe, 

 

Thanks for the confirmation. 

 

Please let us know if you need any further assistance. 

 

Thanks, 

Rachel.