[IOS] SfPullToRefresh's Pullable Content Not Showing Up

[Khar Hui Chok]

Hi Syncfusion Team,

I followed the guide on how to setup the SfPullToRefresh in the documentation. It works fine in Android but not in IOS.

Refer to the sample code, I followed the solutions provided in another threads, I have tried to put the SfPullToRefresh inside a Stacklayout, and Grid layout, configure vertical options and horizontal options to FillAndExpand. but it still does not work in IOS.

The only way it works is setting the HeightRequest of the SfPullToRefresh's controls to fixed height, the content will then show up. Is there another way to make SfPullToRefresh fill the remaining space without giving a fixed value to HeightRequest?

** This code works in Android, not IOS

Attachment: SfPullToRefresh_Issue_6e42b9ff.rar

[Sivaraman Sivagurunathan]

Hi Khar, 

Thanks for using Syncfusion controls. 

We have checked your query and attached screenshots. If you set the Height as Auto for RowDefinition. You have to set the Height to SfPullToRefresh it is a behavior. And if you set the HeightRequest to the SfPullToRefresh working fine in all three platforms. We have prepared the sample and attached the same for your reference. You can download the same from the below link. And attached the video for your reference. 

<Grid> 

    <Grid.RowDefinitions> 

        <RowDefinition Height="auto"/> 

    </Grid.RowDefinitions> 

    <StackLayout Grid.Row="0"> 

        <syncfusion:SfPullToRefresh x:Name="pullToRefresh" 

                        IsRefreshing="{Binding IsRefreshing}"  

                        PullingThreshold="100" 

                        RefreshContentHeight="30" 

                        RefreshContentThreshold="30" 

                        RefreshContentWidth="30" 

                        HeightRequest="700" 

                        HorizontalOptions="FillAndExpand" 

                        VerticalOptions="FillAndExpand" 

                        RefreshCommand="{Binding RefreshCommand}"> 

            <syncfusion:SfPullToRefresh.PullableContent> 

                <StackLayout BackgroundColor="#00AFF9" Orientation="Vertical" > 

                    <Label Text="New York Temperature" FontSize="Large" TextColor="White" HorizontalTextAlignment="Center" Margin="20"/> 

                    <Image WidthRequest="100" HorizontalOptions="Center" HeightRequest="100"  Margin="20" Source="warmselected.png"/> 

                    <Label Text="{Binding Temperature}" FontSize="Large" TextColor="White" HorizontalTextAlignment="Center" Margin="20" HeightRequest="100"/> 

                </StackLayout> 

            </syncfusion:SfPullToRefresh.PullableContent> 

        </syncfusion:SfPullToRefresh> 

    </StackLayout> 

</Grid> 

Sample Link: https://www.syncfusion.com/downloads/support/forum/152809/ze/PullToRefresh_MVVM-1971554746 

Video Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Screen_Recording_2020-03-31_at_5.24.24_PM-566195043 

Regards, 

S.Sivaraman