Page Background Flickers and Changes Color

[Steve Chaba]

Hi, we have our page background color set to BLACK.  When we swipe to a next/previous month, the background flickers and when the new month loads, the background changes to WHITE.

Any ideas?

This is what the page looks like when it loads:

This is what it looks like after you swipe left/right:

At this stage, if you happen to touch any area of the calendar, the page returns to BLACK!?

Thanks in advance!

[Steve Chaba]

<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            x:Class="SloperMobile.Views.CalendarPage"
            xmlns:UC="clr-namespace:SloperMobile.UserControls;assembly=SloperMobile"
            xmlns:calendar="clr-namespace:Syncfusion.SfCalendar.XForms;assembly=Syncfusion.SfCalendar.XForms"
            BackgroundColor="Black"
            ControlTemplate="{StaticResource PageTemplateFooter}"
            Title="Sloper">
    <ContentPage.Padding>
        <OnPlatform x:TypeArguments="Thickness" iOS="0, 20, 0, 0" Android="0, 0, 0, 0" />
    </ContentPage.Padding>
    <Grid VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" BackgroundColor="Black">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <UC:HeaderUC HeightRequest="30" BackgroundColor="Black" />
        <ScrollView Orientation="Horizontal" HeightRequest="40" Grid.Row="1" x:Name="CalendarScrollViewer">
            <UC:HeaderMenuCalendarUC HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" />
        </ScrollView>
        <StackLayout Grid.Row="2" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
            <Grid VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" BackgroundColor="Black">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Label x:Name="CalendarHeader" TextColor="White" BackgroundColor="Black" FontSize="Large" 
                       HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" />
                <calendar:SfCalendar x:Name="calendar" ShowHeader="false" Grid.Row="1" ViewMode="MonthView" 
                                     DataSource="{Binding ShowDates,Mode=TwoWay}" ShowInlineEvents="False" 
                                     OnCalendarTapped="SfCalendar_OnOnCalendarTapped" VerticalOptions="Center"/>
            </Grid>
        </StackLayout>
    </Grid>
</ContentPage>

[Rathana Kumar Sekar]

Hi Steve,

Thanks for contacting Syncfusion Support.

We have checked the reported issue "Page background flicker and change color" with provided code sample and we were unable to reproduce the reported issue from our side. We have attached the sample with which we have checked the reported issue.

Sample: http://www.syncfusion.com/downloads/support/forum/131264/ze/FlickeringTest-849446277 

So could you please provide the below mentioned details,

1) Modified sample which replicates the reported issue.

2) We suspect that the issue occurs due to HeaderUC and HeaderMenuCalendarUC classes. So, could you please provide that class files to check the reported issue.

It will help us to provide appropriate solution on this.

Regard,
Rathanakumar S.