We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

BackDrop FrontLayer not fill the screen on iOS

Thread ID:

Created:

Updated:

Platform:

Replies:

148566 Oct 25,2019 03:27 AM UTC Oct 25,2019 11:58 AM UTC Xamarin.Forms 3
loading
Tags: SfBackdropPage
felipe pedroti raymundo
Asked On October 25, 2019 03:27 AM UTC

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 [Syncfusion]
Replied On October 25, 2019 09:02 AM UTC

  
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: 
  
Please let us know if you need further clarifications. 
 
Thanks, 
Rachel. 


felipe pedroti raymundo
Replied On October 25, 2019 11:52 AM UTC

This solved the issue, thanks a lot.

Rachel A [Syncfusion]
Replied On October 25, 2019 11:58 AM UTC

Hi Felipe, 
 
Thanks for the confirmation. 
 
Please let us know if you need any further assistance. 
 
Thanks, 
Rachel. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon